Graffiti 🎨

📝 Description

Graffiti is a social platform designed for frontend designer enthusiasts to share, discover, and engage with form of web designs with utilities from around the world. Users can upload their own design creations, explore references by other users, and connect with fellow designers. Whether you're a seasoned design artist or simply appreciate the vibrant supportive templates, Graffiti provides a space to showcase your talent and connect with like-minded individuals.

🎞 Demo Images

🧾 Table of Contents

1. Installation
2. Features
3. Technologies Used
4. Contributing
5. License

📥 Installation

To get started 🚀 with Graffiti on your local machine, follow these steps:

1. Clone the repository:

   git clone https://github.com/Nikhilgholap1304/Graffiti.git
   

2. Navigate to the project directory:

   cd Graffiti
   

3. Install dependencies:

   npm install
   

4. Start the development server:

   npm start
   

🚀 Features

• User Authentication: Users can sign up for an account, log in, and securely authenticate their identity.
• Upload Design: Designers can upload design tempalates of various categories to share with the community and users.
• Explore Desgins: Users can browse through a curated collection of web designs be it landing pages, svgs, illustrations, etc from around the planet.
• Engage and Connect: Users can like, comment on, bookmark, download their favorite designs, fostering community engagement.
• Search and Discover: Explore designs by categories, tags, or artists to discover new and inspiring artwork.
• and many more things are there just explore already...

🛠️ Technologies Used

Frontend:

• React.js: A popular JavaScript library for building user interfaces.
• Material-UI: A React UI framework that implements Google's Material Design.
• PrimeReact: A rich set of open-source UI components for React.
• Axios: A promise-based HTTP client for making API requests.
• SCSS: A preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS).
• CSS Modules: Modular CSS approach for styling React components.

Backend:

• Node.js: A JavaScript runtime environment for building server-side applications.
• Express.js: A minimalist web framework for Node.js.
• MongoDB: A NoSQL database for storing user data, design metadata, and comments.
• Mongoose: An ODM (Object Data Modeling) library for MongoDB and Node.js.

🤝 Contributing

We welcome contributions from the community to help improve Graffiti! If you'd like to contribute, please follow these guidelines:

1. Fork the repository and create your branch.
2. Make your changes and ensure that the code follows the project's coding standards.
3. Test your changes thoroughly.
4. Submit a pull request with a clear description of your changes.

📄 License

This project is licensed under the License. Feel free to use, modify, and distribute the code for both personal and commercial projects.