Skip to content

kaplanh/modulecss

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Module Css in React

👉 Click here to see on browser

modulecss

What's used in this app ? Author
React - component Take a look at my portfolio
React - props Visit me on Linkedin
React - module.css
Deploy with Vercel

How To Run This Project 🚀


💻 Install React 👇

yarn create react-app .  or npx create-react-app .

🔴 Delete these files and delete the imports👇

- App.test.js
- reportWebVitals.js
- setupTests.js
- favicon.ico
- logo192.png
- logo512.png
- manifest.json
- robots.txt

💻 Start the project 👇

yarn start or npm start

OR

  • Clone the Repo

    git clone
  • Install NPM packages

    npm install or yarn 
  • Run the project

    npm start or yarn start
  • Open the project on your browser

    http://localhost:3000/
  • Enjoy! 🎉

Project Skeleton

Module Css in React(folder)
|
|----public (folder)
│     └── index.html
|----src (folder)
|    |--components (folder)
│    │       ├── buton (folder)
│    │       │     ├── Button.js
│    │       │     ├── Buton.module.css
│    │       │     
│    │       ├── card (folder)
│    │             ├── Card.jsx
│    │             └── Card.module.css
│    │       
│    ├
│    ├── App.js
│    │── data.js
│    └── index.js
│
│
|── .gitignore
|── package-lock.json
├── package.json
|── README.md
|── yarn.lock

At the end of the project, the following topics are to be covered;

  • Component
  • JSX & JS
  • Inline Styling
  • Props drilling
  • Module.css

Feedback and Collaboration

I value your feedback and suggestions. If you have any comments, questions, or ideas for improvement regarding this project or any of my other projects, please don't hesitate to reach out. I'm always open to collaboration and welcome the opportunity to work on exciting projects together. Thank you for visiting my project. I hope you have a wonderful experience exploring it, and I look forward to connecting with you soon!

Happy Coding