haiderali780 / Course-Planner-Project

Explore techniques for styling your React app's UI to make it more visually appealing and organized All of these techniques are demonstrated through this project.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Course Planner

This is a React application that allows users to create and manage a course schedule. It demonstrates various techniques for styling React components, including inline styles, dynamic class names, CSS modules, and styles from libraries like styled-components.

Features

  • Inline styles: The component uses inline styles to style individual elements directly.
  • Dynamic class names: The component uses dynamic class names to apply styles based on props or state.
  • CSS modules: The component uses CSS modules to apply styles in a modular and reusable way.
  • Styles from libraries: The component uses styled-components or other libraries to define and apply styles in a reusable way.

How to use

  1. Clone the repository and navigate to the directory:
  1. Install the dependencies: npm install
  2. Start the development server: npm start
  3. The login form will be available at http://localhost:3000.

Contributions

If you'd like to contribute to the Course Planner project, please fork the repository and create a pull request with your changes.

Support

If you have any questions , please contact me at haiderali782002@gmail.com

License

This project is not licensed.

About

Explore techniques for styling your React app's UI to make it more visually appealing and organized All of these techniques are demonstrated through this project.


Languages

Language:JavaScript 55.1%Language:HTML 25.0%Language:CSS 19.9%