hmjatt / CV-Application-ReactJS

Creating a CV application app using ReactJS

CV-Application-ReactJS 📜

Creating a CV Application app using ReactJS

---

About ℹ️

Create a CV Application app using ReactJS. By creating this project I learned about Event Listeners in React, React State, Conditional Rendering in React, React Forms, React Hooks(useEffect), Lazy State Initialization, etc. After creating the project, it was deployed to GitHub Pages 🐦 Feel free to reach me onTwitter 🪶

---

Technologies Used 💻

         

---

Includes the following features/components ⚙️

- ReactJS
- create-react-app
- Figma Design Template
- Event Listeners in React
- React State
- React Forms
- Conditional Rendering in React
- React Hooks(useEffect)
- github-pages

---

Usage 🤓

cd cv-application

npm install

npm start

---

---

Steps I followed to complete this project 🪜

1. Initialize Project 🎍

---

2. Organize components 🗄️

---

3. Clean directory🧹

---

4. Header Component 🧩

---

5. Meme Component 🧩

---

6. Footer Component 🧩

---

---

---

7. Refactor State 🔃

---

---

---

8. Make App Responsive 🎨

---

9. Prepare for Deployment 🪢

---

10. Deploy 📤

---

---

Future Changes ♾️

---

Links to content that helped me with this project 🔗

1. The Odin Project

   • React Introduction
   • React State & Props
   • Handle Inputs And Render Lists

2. Figma Design

3. Scrimba

   • Learn React

4. React Official Documentation

   • Mouse Events in React
   • State and Lifecycle
   • Handling Events
   • Conditional Rendering
   • Lists and Keys
   • Forms
   • Using the State Hook
   • Using the Effect Hook

---

Quote ✒️

“Humans are allergic to change. They love to say, ‘We’ve always done it this way.’ I try to fight that. That’s why I have a clock on my wall that runs counterclockwise.”
— Grace Hopper

♾️❇️🔥