https://github.com/nikhilgholap1304/graffiti

A design hub ✨, unveil the miracle for frontend designers. Graffiti is a social platform 🙌 designed for frontend designer enthusiasts to share, discover, and engage in the form of web designs with utilities from around the planet 🐱‍🏍
https://github.com/nikhilgholap1304/graffiti

expressjs mongodb mongoose mui nodejs primereact reactjs scss

Last synced: about 5 hours ago
JSON representation

A design hub ✨, unveil the miracle for frontend designers. Graffiti is a social platform 🙌 designed for frontend designer enthusiasts to share, discover, and engage in the form of web designs with utilities from around the planet 🐱‍🏍

• Host: GitHub
• URL: https://github.com/nikhilgholap1304/graffiti
• Owner: Nikhilgholap1304
• License: mit
• Created: 2024-03-15T05:09:25.000Z (8 months ago)
• Default Branch: master
• Last Pushed: 2024-05-05T10:14:54.000Z (7 months ago)
• Last Synced: 2024-05-05T11:22:59.555Z (7 months ago)
• Topics: expressjs, mongodb, mongoose, mui, nodejs, primereact, reactjs, scss
• Language: JavaScript
• Homepage:
• Size: 81.8 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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

![Weatherly Preview](image1.png)

![Weatherly Preview](image2.png)

## 🧾 Table of Contents

1. [Installation](#installation)

2. [Features](#features)

3. [Technologies Used](#technologies-used)

4. [Contributing](#contributing)

5. [License](#license)

## 📥 Installation

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

1. **Clone the repository:**

   ```bash

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

   

2. **Navigate to the project directory:**

   ```bash

   cd Graffiti

   

3. **Install dependencies:**

   ```bash

   npm install

4. **Start the development server:**

   ```bash

   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](LICENSE). Feel free to use, modify, and distribute the code for both personal and commercial projects.