Introduction

ShareCircle is a social media web app that allows users to connect with friends, share photos and videos, and stay up-to-date on the latest news. The app is built using the following tech stack:

• React
• Material UI
• NodeJS
• Redux
• Axios
• Express
• JWT

Tech Used

React

React is a JavaScript library for building user interfaces. It is declarative, efficient, and flexible. React makes it easy to create complex UIs that are both user-friendly and performant.

Material UI

Material UI is a popular React component library that provides a wide range of UI elements that follow the Material Design guidelines. Material UI makes it easy to create beautiful and consistent UIs with React.

NodeJS

NodeJS is a JavaScript runtime environment that allows you to run JavaScript code outside of a web browser. NodeJS is used to build a wide variety of applications, including web servers, real-time applications, and command-line tools.

Redux

Redux is a state management library for JavaScript apps. Redux helps you keep your app's state consistent and predictable. Redux is a popular choice for building complex JavaScript apps.

Axios

Axios is a JavaScript HTTP client that makes it easy to make HTTP requests to APIs. Axios is a popular choice for making HTTP requests in JavaScript apps.

Express

Express is a web framework for NodeJS. Express makes it easy to build web servers with NodeJS. Express is a popular choice for building web applications with NodeJS.

JWT

JWT (JSON Web Token) is a standard way to securely transmit information between parties as a JSON object. JWTs are often used to authenticate users in web applications.

Brief About the Tech

• React is a JavaScript library for building user interfaces.
• Material UI is a popular React component library that provides a wide range of UI elements that follow the Material Design guidelines.
• NodeJS is a JavaScript runtime environment that allows you to run JavaScript code outside of a web browser.
• Redux is a state management library for JavaScript apps.
• Axios is a JavaScript HTTP client that makes it easy to make HTTP requests to APIs.
• Express is a web framework for NodeJS.
• JWT (JSON Web Token) is a standard way to securely transmit information between parties as a JSON object.

Screenshots

Here are some screenshots of the ShareCircle app:

Home Page with Dark/Light Mode

Creating a New Post + Image Upload & Drag n Drop

User Profile Page

Steps to Clone the Project

To clone the ShareCircle project, you will need the following:

• A GitHub account
• NodeJS installed on your computer

Once you have NodeJS installed, you can clone the project by running the following command in your terminal:

git clone https://github.com/your-username/sharecircle.git

Once the project is cloned, you can install the dependencies by running the following command:

npm install

Once the dependencies are installed, you can start the development server by running the following command:

npm start

The development server will start on port 3000. You can access the ShareCircle app by opening a web browser and navigating to http://localhost:3000.

License

The ShareCircle app is licensed under the MIT License. You can find the full license text in the LICENSE file.