This is the last day of the Codevixens Frontend Development Challenge (Day 10). I'm thrilled to showcase the projects I've built during the exhilarating 10 Days Of Frontend Challenge. This journey has been a whirlwind of learning, growth, and creative exploration, and I'm excited to share my experience with you.
Here's a glimpse into the projects I've crafted during the challenge:
Day 1:
 |
|
| Age Calculator |
|
| A simple yet functional age calculator using React JS. Aim of this project was to focus on mastering state management and event handling. |
|
Tech Stack:      |
|
| Live Demo: https://age-calculator-pi-green-34.vercel.app/ |
|
| GitHub Repository: https://github.com/gideonagyage/age-calculator |
Day 2:
 |
|
| Dynamic Form |
|
| A dynamic form using React JS, focusing on handling user input, validation, and state management. |
|
| Tech Stack: |
|
| Live Demo: https://dynamic-form-topaz.vercel.app/ |
|
| GitHub Repository: https://github.com/gideonagyage/Dynamic-Form |
Day 3:
 |
|
| Medium Landing Page |
|
| Replica of the Medium landing page, built using React. Showcases the use of components, styling, and responsive design principles. |
|
| Tech Stack: |
|
| Live Demo: https://medium-landing-page-six.vercel.app/ |
|
| GitHub Repository: https://github.com/gideonagyage/Medium-Landing-Page |
Day 4:
 |
|
| Quote Generator |
|
| A simple quote generator built using React, demonstrating how to fetch data from an API (API Ninjas). |
|
Tech Stack:  |
|
| Live Demo: https://quote-generator-three-peach.vercel.app/ |
|
| GitHub Repository: https://github.com/gideonagyage/Quote-Generator |
Day 5:
 |
|
| Spotify Landing Page |
|
| Recreation of the Spotify landing page, by applying CSS styles, and implementing responsive design principles. |
|
| Tech Stack: |
|
| Live Demo: https://spotify-landing-page-gold.vercel.app/ |
|
| GitHub Repository: https://github.com/gideonagyage/Spotify-Landing-Page |
Day 6:
 |
|
| Weather App |
|
| A user-friendly weather app built using React, which demonstrates the integration of a weather API. |
|
| Tech Stack: |
|
| Live Demo: https://weather-app-seven-murex-31.vercel.app/ |
|
| GitHub Repository: https://github.com/gideonagyage/Weather-App |
Day 7:
 |
|
| To-Do List App |
|
| A simple yet functional to-do list app that allows users to add, complete, edit, and delete tasks. |
|
| Tech Stack: |
|
| Live Demo: https://to-do-list-app-coral-pi.vercel.app/ |
|
| GitHub Repository: https://github.com/gideonagyage/To-Do-List-App |
Day 8:
 |
|
| Stopwatch App |
|
| A stopwatch application with with buttons for start, stop, and reset. Very functional and user-friendly. |
|
| Tech Stack: |
|
| Live Demo: https://stopwatch-app-phi.vercel.app/ |
|
| GitHub Repository: https://github.com/gideonagyage/Stopwatch-App |
Day 9:
 |
|
| Photo Gallery |
|
| A Gallery of Photos using an external API (Unspalsh), with popular key words and a search functionality. |
|
| Tech Stack: |
|
| Live Demo: https://photo-gallery-navy-five.vercel.app/ |
|
| GitHub Repository: https://github.com/gideonagyage/Photo-Gallery |
Day 10:
This is Day 10 of the challenge, which happens to be the last day. Below are the details of the project:
- Clone the repository:
git clone https://github.com/gideonagyage/Portfolio-Website.git- Navigate to the project directory:
cd Portfolio-Website- Install dependencies:
npm install- Start the development server:
npm start- Open your browser and navigate to
http://localhost:3000.This challenge has helped me hone and expand my skills in:
- HTML & CSS: Responsive design, CSS media queries, flexbox, grid, and more.
- JavaScript: DOM manipulation, event handling, site navigation, and more.
- React: Component-based architecture, state management, and more.
- API Integration: Fetching data from external APIs and handling the responses.
- Version Control (Git): Branching, merging, and committing.
- Desktop View
- Desktop View 2
- Mobile View
Check out the live demo here.
The 10DaysOfFrontend challenge has been an incredible learning experience. I've pushed my boundaries, explored new technologies, and discovered the joy of building creative projects. I'm incredibly grateful for the opportunity to have participated in this challenge and for the valuable skills I've gained.
This portfolio is a testament to my dedication and passion for frontend development. I'm excited to continue learning and growing as a developer, and I'm eager to take on new challenges and create innovative projects.
Thank you for visiting my portfolio!
This project is licensed under the MIT License.
- Codevixens for organizing the challenge.
- Chinaza Igboanugo, Lois Bassey, and Oyinkansola Shoroye for their contributions and guidance.
Let's connect and build something amazing together!