BuzzNest is a social media web application inspired by the themes and motifs of the "Bee Movie". It provides users with a platform to connect, share, and engage in a buzzing community. This project utilizes a stack of modern technologies including React.js, Tailwind CSS, Axios, Redux, React Hooks, Forms, and React Icons for the frontend, while the backend is powered by bcryptjs, body-parser, dotenv, Express.js, JSON Web Token (jsonwebtoken), Mongoose, Morgan, Nodemailer, Nodemon, and UUID. (https://buzz-nest.netlify.app)
- User authentication and authorization
- Profile creation and customization
- Posting and sharing content
- Like and comment functionalities
- Email notifications
- Yellow-black themed interface inspired by "Bee Movie"
- React.js
- Tailwind CSS
- Axios
- Redux
- React Hooks
- Forms
- React Icons
- bcryptjs
- body-parser
- dotenv
- Express.js
- JSON Web Token (jsonwebtoken)
- Mongoose
- Morgan
- Nodemailer
- Nodemon
- UUID
This guide will walk you through the steps required to run both the client and server applications.
Before running the applications, ensure you have Node.js and npm installed on your system. You can download and install them from Node.js official website.
- Open your terminal or command prompt.
- Check if Node.js and npm are installed by running the following commands:
node -v npm -v - If Node.js and npm are not installed, follow the installation instructions provided on the Node.js website.
-
Client:
- Navigate to the client directory in your terminal:
cd path/to/client - Install dependencies:
npm install - Start the client application:
npm start - The client application should now be running. You can access it through your web browser at
http://localhost:3000.
- Navigate to the client directory in your terminal:
-
Server:
- Open a new terminal window or tab.
- Navigate to the server directory:
cd path/to/server - Install dependencies:
npm install - Start the server:
npm start - The server should now be running and ready to accept requests.
After following the above steps, both the client and server applications should be running simultaneously. If you encounter any issues during installation or execution, please refer to the respective documentation or seek assistance from the project maintainers.
For any further inquiries or support, feel free to contact us at buzznesthelp@outlook.com.
Note: Replace path/to/client and path/to/server with the actual paths to your client and server directories.
Create an innovative and visually captivating website that showcases exceptional design skills, seamless user experience, and cutting-edge web development techniques. The website should be dynamic, responsive across various devices, and incorporate interactive elements to engage and captivate visitors. Participants are encouraged to explore their creativity while demonstrating mastery in HTML, CSS, JavaScript, and other relevant technologies to push the boundaries of web development and inspire the digital landscape.
Develop a user-centric solution for a locality-based app that encourages community engagement by allowing unrestricted chatting with any user while restricting access to shared photos and videos exclusively to approved friends within the app. The solution should empower users to effortlessly share multimedia content and extend friend requests, fostering social connections and facilitating a vibrant local network within the platform.
- Group feature in chatting.
- Video call and Voice call feature.
- Emojis and Stickers to be implemented in chatting.
- More interactive interface.
- Recommendations to add friends based on your current friends.
- Making our own database.
- To make the site secure and free from attacks.
- Will activate the social profile section.
BuzzNest has a wide range of applications, making it suitable for various scenarios:
BuzzNest provides users with a platform to connect with friends, family, and communities. Users can create profiles, share updates, comment on posts, and engage in conversations.
Users can easily share multimedia content such as photos, videos, and links with their network. BuzzNest supports rich media uploads and provides a seamless sharing experience.
With BuzzNest, users can join or create communities based on shared interests, hobbies, or locations. These communities serve as spaces for like-minded individuals to connect, collaborate, and share knowledge.
Businesses and brands can leverage BuzzNest to promote their products or services to a targeted audience. By creating branded profiles and sharing relevant content, companies can increase their visibility and engagement with potential customers.
BuzzNest can be used for organizing and managing events within communities. Users can create event listings, RSVP, and communicate with other attendees, making it easier to coordinate gatherings and meetups.
BuzzNest facilitates knowledge sharing through its post and comment features. Users can ask questions, share insights, and seek advice from the community, fostering a culture of learning and collaboration.
Individual users can use BuzzNest as a platform for personal development and self-expression. Whether it's documenting personal milestones, sharing creative projects, or seeking support from peers, BuzzNest offers a space for users to express themselves authentically.
BuzzNest can also be used for social impact initiatives, such as raising awareness about important issues, organizing fundraisers, or mobilizing support for charitable causes. Users can use the platform to amplify their voices and drive positive change in their communities.
- Bee Movie - For inspiration
- Figma - For designing
- React.js
- Tailwind CSS
- Express.js
- MongoDB
- Redux
- JSON Web Tokens
- And other dependencies and tools that made this project possible.
- Kunal Mittal(Design/User Experience Curation) - @kunal_freakun
- Ivan Bhargava(Front End / Deployment) - @gimmecandandcheese
- Nirbhay Sharma(Back End / Version Control) - @nirbhaysharma504
- Project Link: https://github.com/NIKS-IIITB/BuzzNest