A comprehensive collection of projects completed during the Scrimba Front-End Developer Career Path. This repository showcases hands-on learning through building real-world applications with HTML, CSS, JavaScript, and React.
This repository contains all the projects and challenges I completed while working through Scrimba's Front-End Developer Career Path. Each project demonstrates different skills and concepts essential for modern front-end development.
| Project | Description | Code | Live Demo |
|---|---|---|---|
| Digital Business Card | A responsive digital business card showcasing CSS layout and styling fundamentals. | View Code | - |
| Hometown Homepage | A hometown tribute page featuring flexbox and responsive design. | View Code | Visit Site |
| Splash Page | A landing page project focusing on modern CSS techniques and layout. | View Code | Visit Site |
| Product Website | A product showcase website with emphasis on user experience and visual design. | View Code | Visit Site |
| Project | Description | Code | Live Demo |
|---|---|---|---|
| Push-up Counter App | A simple counter application introducing JavaScript fundamentals and DOM manipulation. | View Code | Visit Site |
| Basketball Scoreboard | An interactive scoreboard demonstrating event handling and state management. | View Code | Visit Site |
| Unit Converter | A measurement conversion tool showcasing JavaScript calculations and user input handling. | View Code | Visit Site |
| Password Generator | A random password generator utilizing arrays, functions, and randomization. | View Code | Visit Site |
| Project | Description | Code | Live Demo |
|---|---|---|---|
| Lead Tracker | A Chrome extension for saving and managing leads using localStorage and the Chrome API. | View Code | - |
| Color Scheme Generator | An API-integrated tool for generating color palettes using The Color API. | View Code | Visit Site |
| Movie Watchlist | A movie search and watchlist application integrating with the OMDb API. | View Code | Visit Site |
| Project | Description | Code | Live Demo |
|---|---|---|---|
| Oldagram | An Instagram clone focusing on object-oriented programming and data structures. | View Code | Visit Site |
| Twimba | A Twitter-like application demonstrating complex state management and CRUD operations. | View Code | Visit Site |
| Restaurant Ordering App | A food ordering interface with cart functionality and order management. | View Code | Visit Site |
| Dashboard | A personal dashboard featuring time, weather, and cryptocurrency data from multiple APIs. | View Code | Visit Site |
| Project | Description | Code | Live Demo |
|---|---|---|---|
| Travel Journal | A travel blog built with React, demonstrating component composition and props. | View Code | - |
| Tenzies | A dice game implementing React state management and game logic. | View Code | - |
| Quizzical | A trivia quiz app integrating with the Open Trivia Database API. | View Code | Visit Site |
| Van Life | A multi-page van rental application featuring React Router and nested routes. | View Code | Visit Site |
| Component Library | A collection of reusable React components demonstrating best practices. | View Code | - |
| Project | Description | Code | Live Demo |
|---|---|---|---|
| Chef Claude | An AI-powered recipe assistant integrating with OpenAI's API. | View Code | Visit Site |
| Assembly Endgame | Capstone project bringing together all learned skills in a comprehensive application. | View Code | - |
| Learning Journal | A personal learning journal with blog-style entries and navigation. | View Code | Visit Site |
- HTML5 - Semantic markup and structure
- CSS3 - Styling, Flexbox, Grid, responsive design
- JavaScript (ES6+) - Modern JavaScript features and DOM manipulation
- React - Component-based UI development
- React Router - Client-side routing
- APIs - Integration with various third-party APIs
- Local Storage - Client-side data persistence
- Chrome Extensions - Browser extension development
- Responsive web design and mobile-first approach
- DOM manipulation and event handling
- Asynchronous JavaScript and Promises
- RESTful API integration
- React components, props, and state management
- React Hooks (useState, useEffect, useContext, etc.)
- Client-side routing with React Router
- Component composition and reusability
- Modern development workflows
To run any project locally:
- Clone this repository
git clone https://github.com/iccir919/scrimba-frontend-developer-career-path.git- Navigate to the specific project folder
cd scrimba-frontend-developer-career-path/[project-name]- For React projects, install dependencies
npm install- Start the development server
npm startFor vanilla JavaScript projects, simply open the index.html file in your browser.
- Scrimba for providing an excellent interactive learning platform
- The Scrimba community for support and inspiration
Feel free to explore the projects and reach out if you have any questions or suggestions!
⭐ If you found this repository helpful, please consider giving it a star!