Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rustam-tolipov/rasmga-ol
Rasmga Ol UI is a social media platform that allows users to share their photos and videos with their followers. It is built with React, React Query, and Tailwind CSS. The UI is designed to be simple and easy to use, with a focus on the user experience.
https://github.com/rustam-tolipov/rasmga-ol
framer-motion react-query reactjs tailwindcss
Last synced: 2 days ago
JSON representation
Rasmga Ol UI is a social media platform that allows users to share their photos and videos with their followers. It is built with React, React Query, and Tailwind CSS. The UI is designed to be simple and easy to use, with a focus on the user experience.
- Host: GitHub
- URL: https://github.com/rustam-tolipov/rasmga-ol
- Owner: rustam-tolipov
- License: mit
- Created: 2022-08-01T09:57:25.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-12T08:26:14.000Z (11 months ago)
- Last Synced: 2024-06-06T12:00:43.954Z (8 months ago)
- Topics: framer-motion, react-query, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://rasmgaol.vercel.app/
- Size: 5.55 MB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![MIT License][license-shield]][license-url]
[![LinkedIn][linkedin-shield]][linkedin-url]
Table of Contents
## Backend: Rasmga Ol API
## About The Project
Rasmga Ol UI is a social media platform that allows users to share their photos and videos with their followers. It is built with React, React Query, and Tailwind CSS. The UI is designed to be simple and easy to use, with a focus on the user experience.
### Built With
- [React](https://reactjs.org/)
- [React Query](https://react-query.tanstack.com/)
- [Tailwind CSS](https://tailwindcss.com/)
- [Framer Motion](https://www.framer.com/motion/)
- [React Icons](https://react-icons.github.io/react-icons/)
- [React Router](https://reactrouter.com/)
- [Axios](https://axios-http.com/)
- [React Hook Form](https://react-hook-form.com/)
- [React Hot Toast](https://react-hot-toast.com/)
- [Date-fns](https://date-fns.org/)
## Getting Started
To get a local copy up and running follow these simple steps.
### Prerequisites
- npm
```sh
npm install npm@latest -g
```
- node
```sh
brew install node
```
### Installation
1. Clone the repo
```sh
git clone https://github.com/Rustamxon7/rasmga-ol.git
```
2. Install NPM packages
```sh
npm install
```
3. Run the development server
```sh
npm run dev
```
4. Open your browser and go to `http://localhost:5173
## Usage
By opening the project in your browser, you will be able to see login and registration pages. You can use the app by guest check and register later. You can also see the posts and reels of other users. You can like, comment, and share posts and reels. You can also follow and unfollow other users. You can also create your own posts and reels.
## Roadmap
- [ ] Login and Registration
- [ ] User Registration
- [ ] User Login
- [ ] User Logout
- [ ] User
- [ ] User Profile
- [ ] User Info
- [ ] User Posts
- [ ] User Edit
- [ ] User Follow
- [ ] User Unfollow
- [ ] Posts
- [ ] Create Post
- [ ] Delete Post
- [ ] Like Post
- [ ] Comment Post
- [ ] Reels
- [ ] Create Reel
- [ ] Delete Reel
- [ ] Like Reel
- [ ] Comment Reel
See the [open issues](https://github.com/Rustamxon7/rasmga-ol/issues) for a full list of proposed features (and known issues).
## 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
## License
Distributed under the MIT License. See `LICENSE.txt` for more information.
## Contact
Instagram - [@rustamtolipov_](https://www.instagram.com/rustamtolipov_/)
Gmail - [email protected]
Project Link: [https://github.com/Rustamxon7/rasmga-ol](https://github.com/Rustamxon7/rasmga-ol)
[contributors-shield]: https://img.shields.io/github/contributors/Rustamxon7/rasmga-ol.svg?style=for-the-badge
[contributors-url]: https://github.com/Rustamxon7/rasmga-ol/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/Rustamxon7/rasmga-ol.svg?style=for-the-badge
[forks-url]: https://github.com/Rustamxon7/rasmga-ol/network/members
[stars-shield]: https://img.shields.io/github/stars/Rustamxon7/rasmga-ol.svg?style=for-the-badge
[stars-url]: https://github.com/Rustamxon7/rasmga-ol/stargazers
[issues-shield]: https://img.shields.io/github/issues/Rustamxon7/rasmga-ol.svg?style=for-the-badge
[issues-url]: https://github.com/Rustamxon7/rasmga-ol/issues
[license-shield]: https://img.shields.io/github/license/Rustamxon7/rasmga-ol.svg?style=for-the-badge
[license-url]: https://github.com/Rustamxon7/rasmga-ol/blob/master/LICENSE.txt
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://linkedin.com/in/rustam-tolipov
[product-screenshot]: images/screenshot.png
