losier / v4

Presonal portfolio website based on react

V4

An awesome portfolio website to showcase your skills and projects!
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. Roadmap
5. Contributing
6. License
7. Contributors
8. Contact
9. Acknowledgments

About The Project

Preview of the site	Responsiveness of the site

This is a personal portfolio website built using React and hosted on Vercel, with the support of Email.js for easy communication with potential employers, clients, and collaborators. The portfolio showcases my skills, experience, and projects in an engaging and interactive way, with a clean design and intuitive navigation that provides a user-friendly experience. The project can also serve as a valuable resource for anyone looking to create their own portfolio website, with its modern web development practices and customizable design.

(back to top)

Built With

• 
• 

(back to top)

Getting Started

1. Clone the repository to your local machine using Git.
2. Install the necessary dependencies by running npm install.
3. Customize the content and design of the portfolio to fit your needs.
4. Run the development server using npm start.
5. Open your web browser and navigate to http://localhost:3000/ to view the portfolio.

Prerequisites

Install the following software on your computer:

• Git

• Node.js

• npm (comes with Node.js)

• Yarn (optional but recommended)

  • To install these tools on Windows using winget and PowerShell:

    •   winget install -e --id Git.Git
        winget install -e --id Nodejs.Nodejs
        winget install -e --id Yarn.Yarn

  • To install these tools on Windows using chocolatey and PowerShell:

    •   choco install git
        choco install nodejs
        choco install yarn

Installation

1. Clone the repo

   git clone https://github.com/your_username_/Project-Name.git

2. Go to the project directory

   cd project-directory

3. Install NPM packages

   npm install

4. Start the project

    npm start

5. Open the project in your browser (Don't worry, it will open automatically)

   http://localhost:3000

6. Edit the config.js file to add your own information and save it.
7. Build the project

   npm run build

8. Deploy the project to your hosting service (like Vercel or Netlify) and enjoy your new portfolio!

(back to top)

Usage

My portfolio (v4) repo can serve as a useful resource for anyone looking to create their own portfolio website. With its clean design and intuitive navigation, this project provides an excellent starting point for showcasing skills and experience. The integration of Email.js also allows for easy communication with potential employers, clients, and collaborators. Whether you're a freelancer, job seeker, or simply looking to build your online presence, this portfolio (v4) repo can provide inspiration and practical solutions for your web development needs.

For more examples, please refer to the Documentation

(back to top)

Roadmap

• Add README and LICENSE
• Add Responsive CSS for project page
• Fix Contact system
• Fix ring cursor for small devices

See the open issues for a full list of proposed features (and known issues).

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

(back to top)

License

MIT License. See LICENSE for more information.

(back to top)

Contributors

Avatar	Name	Contribution
	Losier	Owner of this Repo
	Sneh Patel	coming soon responsive check
	Nihal Arya	Create CODE_OF_CONDUCT.md
	Gal Malach	fix the navbar when scroll
	makssmeinart	1. Fixed few paddings in Navbar on mobile resolutions. 2. Added small…
	Carlos Alba	Redirect to a section in react
	Ullas Kunder	🐼fixed mobile view and some bugs
	Thendo	fix loader ring issue

(back to top)

Contact

Aarab - @aarabuibuibui - [e-mail]

Project Link: https://github.com/losier/v4

(back to top)

Acknowledgments

• Brittany Chiang.
• EGATOR.
• Some Devs From StackOverFlow
• Some Devs From CodePen
• Rahul

(back to top)