TODOMVC in React with CSS Modules

This is the sample project based on TODOMVC built using React & CSS Modules.

Tryout the APP.

Screen.Recording.2021-12-09.at.3.56.16.AM.mov

Built with

This section should list any major frameworks/libraries used to bootstrap your project. Leave any add-ons/plugins for the acknowledgements section. Here are a few examples.

• React.js
• Typescript
• CSS Modules
• ESLint
• Prettier

(back to top)

Prerequisite

1. Node: V14+

Note: Project has been setup using run npm run eject giving you the full access to edit configuration files. It will also show all the supporting packages and it's version in package.json.

Run this code locally,

Follow the below steps to run this project locally,

1. git clone https://github.com/devapurva/todomvc-react-css-module.git
2. npm install
3. npm start

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

(back to top)

Other Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm run lint

Runs the tsconfig along with eslint checks. You will be able to see any typescript and eslint errors in the terminal.

You can run npm run lint-fix to fix the fixable issues.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

(back to top)