A complete list with all of the projects that I've built so far while learning to code.
| # | Project Name | Live example | Code on GitHub |
|---|---|---|---|
| 1. | Image Cards Project | Demo | Check the code |
I've wanted to learn how to fetch data from an API and display the data so I've built the "Fetching and Displaying Jobs" project. For the API I've used the GitHub Jobs API and to fetch data I've used axios.
The "Sign up Landing Page" and "Accept Terms and Conditions Component" projects were built to practice working with the Intersection Observer API.
| # | Project Name | Live example | Code on GitHub |
|---|---|---|---|
| 1. | Working with Google Maps API | Demo | Check the code |
| 2. | Fetching and Displaying Jobs | Demo | Check the code |
| 3. | Sign up Landing Page | Demo | Check the code |
| 4. | Accept Terms and Conditions Component | Demo | Check the code |
Projects that I've completed while going though the freeCodeCamp Curriculum.
- Responsive Web Design Projects
| # | Project Name | Live example | Code on GitHub |
|---|---|---|---|
| 1. | Build a Tribute Page | Demo | Check the code |
| 2. | Build a Survey Form | Demo | Check the code |
| 3. | Build a Product Landing Page | Demo | Check the code |
| 4. | Build a Technical Documentation Page | Demo | Check the code |
| 5. | Build a Personal Portfolio Webpage | Demo | Check the code |
- JavaScript Algorithms and Data Structures Projects
| # | Project Name | Live example | Code on GitHub |
|---|---|---|---|
| 1. | Celsius to Fahrenheit Converter | Demo | Check the code |
| 2. | Palindrome Checker | Demo | Check the code |
| 3. | Roman Numeral Converter | Demo | Check the code |
Each project was built to help me get better at working with HTML, CSS and JavaScript.
| # | Project Name | Live example | Code on GitHub |
|---|---|---|---|
| 1. | UI Tabs Component | Demo | Check the code |
| 2. | Product Card | Demo | Check the code |
| 3. | User Profile Card | Demo | Check the code |
| 4. | Pricing Tables | Demo | Check the code |
| 5. | Four Card Layout | Demo | Check the code |
My initial projects that I've built while learning to code. I've wanted mainly to start using CSS Grid. I must warn you, there are not looking amazing.
| # | Project Name | Live example | Code on GitHub |
|---|---|---|---|
| 1. | Layout 1 | Demo | Check the code |
| 2. | Layout 2 | Demo | Check the code |
| 3. | Layout 3 | Demo | Check the code |
| 4. | Layout 4 | Demo | Check the code |
| 5. | Layout 5 | Demo | Check the code |
| 6. | Layout 6 | Demo | Check the code |
| 7. | Layout 7 | Demo | Check the code |
| 8. | Layout 8 | Demo | Check the code |
| 9. | Layout 9 | Demo | Check the code |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent