DevLink - Social Media App for Developers

screen-vidoe2.webm

Overview

DevLink is a full-stack social media application designed for developers to connect, collaborate, and share experiences.

Key Features

1. User Authentication:

   • Secure account creation and login using JSON Web Tokens (jsonwebtoken).

2. Post Creation and Interaction:

   • Create posts to share updates, ask questions, and engage in discussions.
   • Supports likes and comments.

3. Likes and Interactions:

   • Track and display the number of likes for each post.
   • Users can comment on posts.

4. UI and State Management:

   • Built with React
   • State management using Redux

5. Backend Technologies:

   • Server-side logic built with Node.js and Express.
   • MongoDB used as a NoSQL database for storing user data and posts.
   • Mongoose employed as the ODM library for MongoDB and Node.js.

6. Asynchronous Requests:

   • Axios used for handling asynchronous requests between the frontend and backend.

7. Date Handling:

   • Proper date handling integrated using the moment library.

8. Concurrent Development:

   • Utilizes concurrently and nodemon for concurrent development of the server and client.

Developer Profile

1. Creating a Profile:

   • Visit the Dashboard section after logging in.
   • If you don't have a profile, you'll see a prompt to create one.
   • Click on the "Create Profile" button to get started.
   • after you have a profile, other developers can find you in the Developers section

2. Adding Experience:

   • Once your profile is created, navigate to the Dashboard.
   • You'll find a section for adding your work experience.
   • Click on "Add Experience" to include your professional background.

3. Adding Education:

   • Similarly, you can add your educational information.
   • Visit the Dashboard and find the section for adding education.
   • Click on "Add Education" to showcase your academic achievements.

Technologies Used

• Frontend:

  • React
  • Redux
  • Axios
  • Moment.js

• Backend:

  • Node.js
  • Express
  • MongoDB
  • Mongoose
  • JSON Web Tokens (jsonwebtoken)

• Development Tools:

  • Concurrently
  • Nodemon

Screenshots

Home page:

Register:

• big screen:

  • mobile:

  

Login:

• big screen:
• mobile:

Dashboard:

Posts:

• big screen:

• Mobile:

  

Comment to a post:

• big screen:
• mobile:

Developers

• big screen:

• mobile:

Developer Profile:

Usage

1. Clone the Repository:

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

2. install dependecies:

   cd devlink
   npm install
   cd client
   npm install
   
   

3. run the app

   npm run dev