https://github.com/kelvintechnical/scrimba-projects

https://github.com/kelvintechnical/scrimba-projects

Last synced: 27 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/kelvintechnical/scrimba-projects
• Owner: kelvintechnical
• Created: 2024-11-13T03:17:30.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-13T03:26:26.000Z (2 months ago)
• Last Synced: 2024-11-13T04:21:44.532Z (2 months ago)
• Size: 12.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


    

Scrimba Projects


Description

Scrimba Projects with a Twist is a unique take on the Scrimba Bootcamp projects. Instead of following the standard curriculum, I've implemented each project in both React and Vue.js, exploring different ways to achieve the same functionality in two popular frontend frameworks. This repository showcases my flexibility and adaptability in using multiple frameworks, building a versatile portfolio in web development.


Prerequisites

To run these projects, make sure you have a modern web browser, code editor, and optionally, Node.js and npm for React projects.


Installation



    


Step 1: Clone the Repository

        


            
Clone this repository to your local machine:

                
git clone https://github.com/kelvintechnical/Scrimba-Projects/blob/main/README.md

            

            
Navigate into the project directory:

                
cd Scrimba-Projects

            

        

    

    


Step 2: Run a Project

        


            
Each project is stored in a separate folder. For HTML/CSS/JavaScript projects, open the HTML file in your browser. For React projects, navigate to the folder and run:

                
npm install && npm start

            

        

    



Project List

Below is the list of projects organized by module:



    


Module 2: Web Development Basics

        


            
Google Clone

            
Business Card

            
Space Exploration

            
Birthday Gift

            
Hometown Homepage

        

    

    


Module 3: Making Websites Interactive

        


            
Passenger Counter App

            
Blackjack Game

            
Mobile App with Firebase

            
We Are The Champions (Solo Project)

        

    

    


Module 4: Essential CSS Concepts

        


            
NFT Site

            
Oldagram (Solo Project)

            
Coworking Space Site

        

    

    


Module 5: Essential JavaScript Concepts

        


            
The World's Most Annoying Cookie Consent

            
Pumpkin's Purrfect Meme Picker

            
Twimba: Twitter Clone

            
Restaurant Ordering App (Solo Project)

        

    

    


Module 6: Responsive Design

        


            
Build a Product Splash Page

            
Card Component

            
Recipes Blog

            
Learning Journal (Solo Project)

        

    

    


Module 7: Next Level JavaScript

        


            
Build a Role-Playing Game

            
Tindog

        

    

    


Module 9: Working with APIs

        


            
Bored Bot

            
Blog Space

            
Color Scheme Generator (Solo Project)

            
Movie Watch List (Solo Project)

            
War

        

    

    


Module 11: Learn React Basics

        


            
Airbnb Clone

            
Travel Journal (Solo Project)

            
Meme Generator

            
Boxes Challenge

            
Notes App

        

    



Features



    


Diverse Skills: Covers HTML, CSS, JavaScript, React, and API integrations.

    


Real-World Projects: Builds a comprehensive skill set applicable to frontend development.



Usage

Run any project by following the instructions in the project folder.


Support & Feedback

If you found this repository helpful, consider leaving feedback to support my growth as a web developer. Suggestions are always welcome!