muneebali500 / codepen-clone-react

CodePen Clone created using React as a practice project

CodePen Clone - Fully Responsive

Introduction

This is a clone project of CodePen website. My purpose in creating this project is to showcase and improve my React skills using React hooks.

Link to Live Project

Technologies Used

Languages, Frameworks, Libraries & Programs

• JSX - build up layout and content of the application.
• CSS - for adding custom styling.
• React.js - to add functionalities throughout the application.
  • Hooks used:
    • useState hook
    • useEffect hook
• Visual Studio Code - the code editor being used to build the project.
• Chrome DevTools - used heavily for debugging during development process.
• Git - the Git feature in VS Code was used for version control and push to github.
• Github - Github is used to store project's code remotely.

Deployment

Development

The project was developed using VS Code editor and its integrated version control feature to commit gits, which are then pushed to GitHub in order to store the codes remotely.

Netlify

The project was deployed to Netlify

Forking the repository

1. Log in to GitHub and navigate to this project's repository: codepen-clone-react
2. Just above the navigation menu of the repository (above the Settings button) locate the Fork button
3. The original copy of the repository is now copied on your GitHub account which allows you to view and/or work on the codes without affecting the original work