An list of projects to build your frontend developer portfolio!
View Demo
·
Report Bug
·
Request a Project
Table of Contents
Hi, I'm L.E. Nichols and I wanted to create this resource of portfolio projects to help new and current developers who need experience in the front end. I also wanted to build this resource for developers who want to build their portfolio and have working work and code samples that actually live in their github repositories.
If you're a developer, new or old, this list of projects will help build your skills as well as prepare you for take home exams that some companies may send you as a part of their interview process. The purposes of this list is broader and can vary depending on your use case.
Here are some examples of use cases for this list of projects:
- Wanting to build your github with real life code samples
- You want build your portfolio
- You have the desire to learn frontend and clientside development primarily in Javascript
- The need to learn different frameworks
- You are preparing for possible take-home project as part of a development interview
- You desire to challenge yourself and take on some side projects to show off to your friends 😄
Regardless of what you plan on doing with the FEPP List, its here to serve all your frontend code challenge needs! Drop me a line at [email protected] with your success stories.
Most of the projects listed here use Vanilla Javascript or ES6 and there are also some frameworks/libraries specific projects that use REACT / ANGULAR / VUE and others. This is good if you want to learn new tools/frameworks/libraries which are most common in the frontend. Here's a list of the most common ones you may want to study up on to complete some of the projects in the list.
To begin, in the code above, you will see various folders with projects within them. Click on the folder and you will see the README for that project. Follow the readme to complete the project.
If there are any assets or images required for your project, they will be available as a .zip file within that project folder. Just click on the link in the readme and download them.
Each project will have their own prerequisites if any. See the projects README for clarity.
I don't suggest you clone/download this repo because it's easier to read in gitHub but in the event you want to just to have it handy and local, here's how.
- Open up terminal and
cdto where you want this project to live on your computer mkdir myfeppfolderto create a new directory thencdinto that new folder you created- Clone the repo
git clone https://github.com/lenichols/FrontEndPortfolioProjects.git
- There are no dependencies to install
Below is a list of projects uploaded. This list may not be in sync with what has been committed but I will try and come back and update this section when I think about it. You can also file a PR to help me update this section where needed.
- Add Changelog
- Add back to top links
- Add Additional Projects w/ Examples
- Link to Backend Portfolio projects
- Multi-language Support
- Hindi
- Spanish
See the open issues for a full list of proposed features (and known issues).
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 my project a star! Thanks again!
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Distributed under the MIT License. See LICENSE.txt for more information.
Your Name - @lenicholsdev - [email protected]
Project Link: https://github.com/lenichols/FrontEndPortfolioProjects