Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mohd-tahzeeb-khan/sticky-notes-using-react
A small, Basic Project on React(an javascript Library). This project is for Practice a small part of knowledge on react. This Project only Contains Frontend Design
https://github.com/mohd-tahzeeb-khan/sticky-notes-using-react
framer-motion javacript javascript javascript-library npm-package react-icons reactjs tailwindcss
Last synced: 1 day ago
JSON representation
A small, Basic Project on React(an javascript Library). This project is for Practice a small part of knowledge on react. This Project only Contains Frontend Design
- Host: GitHub
- URL: https://github.com/mohd-tahzeeb-khan/sticky-notes-using-react
- Owner: mohd-tahzeeb-khan
- License: mit
- Created: 2023-12-10T16:51:03.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-11T06:30:55.000Z (about 1 year ago)
- Last Synced: 2024-12-11T15:47:12.714Z (about 2 months ago)
- Topics: framer-motion, javacript, javascript, javascript-library, npm-package, react-icons, reactjs, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 19.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# **Hey, I'm Mohammad Tahzeeb Khan! 👋.**
# Sticky Notes using Basics of React.
A small, Basic Project on React(an javascript Library). This project is for Practice a small part of knownledge on react. This Project only Contents Frontend Designing.
Inspiration: Sheryians Coding School.
## Tech Stack
**Frontend(GUI):** React Library, HTML, TailwindCss, Javascript.
**Other Libraries:** Framer-motion
## Execution of Project
*Note:* To run this project you need to download and install NPM on your system.
Copy command into your Command Propmt(CMD)
```bash
git clone https://github.com/mohd-tahzeeb-khan/Sticky-Notes-using-React.git
```
The Above command will clone the project from remote Directory to your local Directory.
Paste Below link on the Terimal.
```bash
cd Todo
```
Download Framer Motion, by pasting the command in your project Directory's terminal.
```bash
npm install framer-motion
```
Download React Icons, by pasting the command in your project Directory's terminal
```bash
npm install react-icons --save
```
After installing all the dependencies.
Follow below commands
## Run Locally
Go to the project directory and run this commands in sequence.
Run the Project.
```bash
npm run dev
```
The Above Command will the Run the project on Local machine. The Port no may be differ.
## File Content
**App.jsx** - Content the main logic, and Program.
**components/Background.jsx** -Contents the background of the Project such as heading and bg color and all
**components/Foreground.jsx** -Contents the front phase of project
**components/Cards.jsx** - Contents the Card which will hold the data.
## **Badges**
Add badges from somewhere like: [shields.io](https://shields.io/)
[](https://choosealicense.com/licenses/mit/)
## License
[MIT](https://choosealicense.com/licenses/mit/)
Note:Images and logo used in this Websites are all from online free sources.
## Authors (Developed by)
- [@Mohd Tahzeeb Khan](https://www.github.com/Tahzeeb-web-py)
## Inspiration
- Sheyians Coding School
## 🛠My Skills
HTML, CSS, Javascripts(Basic)....
React(Basic)
Python Programming, Django Framework, Flask Framework, Tkinter...
Java Programming, Swing, Servlet, Spring(Basic).