https://github.com/muhammadaliashraf/react-starter-app
This is a starter template for a React application. It includes basic components, pages, layout, and settings to kickstart your project.
https://github.com/muhammadaliashraf/react-starter-app
free github homepage login-forms react react-redux react-router-dom react-starter react-starter-kit react-starter-project reactjs reactjs-boilerplate reactjs-component redux-persist redux-toolkit register-page router-dom starter starter-project tailwindcss
Last synced: 14 days ago
JSON representation
This is a starter template for a React application. It includes basic components, pages, layout, and settings to kickstart your project.
- Host: GitHub
- URL: https://github.com/muhammadaliashraf/react-starter-app
- Owner: MuhammadAliashraf
- License: isc
- Created: 2024-05-11T21:58:50.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-13T16:53:47.000Z (about 1 year ago)
- Last Synced: 2024-12-26T06:10:38.817Z (6 months ago)
- Topics: free, github, homepage, login-forms, react, react-redux, react-router-dom, react-starter, react-starter-kit, react-starter-project, reactjs, reactjs-boilerplate, reactjs-component, redux-persist, redux-toolkit, register-page, router-dom, starter, starter-project, tailwindcss
- Language: JavaScript
- Homepage: https://react-starter-lpbm4hvvw-muhammadaliashrafs-projects.vercel.app/
- Size: 406 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# React Template
This is a starter template for a React application. It includes basic components, pages, layout, and settings to kickstart your project.
## Pages
- **Main:** The main page of the application.
- **Login:** Login page for user authentication.
- **Register:** Registration page for new users.
- **Home:** Home page of the application.
- **About:** About page providing information about the application or company.
- **Contact Us:** Contact page for user inquiries.
## Components
### Button
A reusable button component with dynamic background color based on the parent element's background color.
### Spinner
A loading spinner component to indicate processing or loading state.
## Layout
The layout includes a footer and navbar across all pages for consistent navigation and branding.
## Toast Settings
Toast notifications are configured using the `react-toastify` library to provide user feedback and notifications.
## JSON Configuration
```json
{
"name": "react-template",
"version": "0.1.0",
"private": true,
"dependencies": {
"@craco/craco": "^7.1.0",
"@headlessui/react": "^2.0.3",
"@heroicons/react": "^2.1.3",
"@reduxjs/toolkit": "^2.2.4",
"@testing-library/jest-dom": "^5.17.0",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"axios": "^1.6.8",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-icons": "^5.2.1",
"react-redux": "^9.1.2",
"react-router-dom": "^6.23.1",
"react-scripts": "5.0.1",
"react-toastify": "^10.0.5",
"redux-persist": "^6.0.0",
"web-vitals": "^2.1.4"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"autoprefixer": "^10.4.19",
"postcss": "^8.4.38",
"tailwindcss": "^3.4.3"
}
}
```
## Usage
1. Clone the repository.
2. Install dependencies using `npm install`.
3. Start the development server using `npm start`.
4. Build the production version using `npm run build`.
## Contributing
Contributions are welcome! Please feel free to fork this repository and submit pull requests with any improvements, bug fixes, or new features.
## Author
This React template was created by **Muhammad Ali** . You can find more about me on my [website](https://portfolio-457fb.web.app/) or [GitHub](https://github.com/MuhammadAliashraf).
## License
This project is licensed under the [MIT License](LICENSE).