Vladislp / Ban-Kos-Medium

Apache License 2.0
0 stars 0 forks source link

[1] Initialize MERN Project #1

Closed Vladislp closed 1 month ago

Vladislp commented 1 month ago

Title

Initialize MERN Project with React, Node.js, Express, and MongoDB Connection

Description

Set up the foundational structure for a MERN (MongoDB, Express, React, Node.js) stack project. Ensure that the React application is running, Node.js and Express are set up correctly, and a connection to MongoDB is established. Use the connection logic from the previous task to expedite the setup process.

Tasks

Initialize React App

Create a new React app using Create React App.

 Verify the React app is running with a default welcome page.

Set Up Node.js and Express

Initialize a new Node.js project. Install Express and set up a basic server.

 Create routes for basic endpoints (e.g., /api/auth, /api/users).

Establish MongoDB Connection

Install Mongoose for MongoDB interactions. Use the previous task's logic to connect to MongoDB.

 Verify the connection to MongoDB.

Project Structure

Organize the backend folder structure (e.g., routes, controllers, models, middleware).

 Organize the frontend folder structure (e.g., components, pages).

Acceptance Criteria

The React app should display a default welcome page. The Express server should respond to basic routes. Successful connection to MongoDB should be verified. The project structure should be organized as described.

Additional Context

Use the connection logic from the previous task to ensure a quick and reliable setup for the MongoDB connection. This issue aims to establish a solid foundation for the MERN project, enabling further development and feature additions.

Vladislp commented 1 month ago

Connection to back-end Connection to MongoDB Checking with POSTMAN if everything works POSTMAN Result Connection with front-end

Here is already a bit of forward work :). image Everything lgtm image