Giter Club home page Giter Club logo

node-backend's Introduction

A simple MongoDB, Node/Express, and React+Vite project undertaken as training for the MERN stack. Also, used dockerfiles and a docker-compose file to allow for containerization.

In addition, a university course required us to take a project and implement some of the SOLID principles where they were violated.

To start up the backend, navigate to the backend directory, run 'npm i' first, and then run 'npm start'.

For the frontend, navigate to the frontend directory, run 'npm i' first, and then run 'npm run dev'.

Update:

Project Refactoring Summary

Just wrapped up some major clean-up and improvements on our MERN stack app, focusing on making the code smarter, more flexible, and way easier to handle. Here's the breakdown: Backend Upgrades

Controllers: Cut down the fluff in controllers. Now, they just deal with requests and leave the heavy lifting to the new service layers.
Service Layers: Introduced wizardService.js and authService.js to handle the core logic. Controllers are now chill, just passing on messages.
Better Error Handling: Tightened up on catching and handling errors, so the app's more reliable.
Ready for More: Made it easier to add new features without messing with the existing code. OCP woohooooo!

Frontend Facelift

Hooks: Rolled out useWizards custom hook. It's neat for managing wizard stuff without cluttering components.
Components: WizardsView.jsx is all about the UI now, leaving the brainy bits to hooks.
API Calls: Moved API interactions out of the components to keep them clean and focused on looking good.

TL;DR

Basically, we've made both the backend and frontend more organized and super easy to update without tripping over old code. The app's now solid for both testing and adding new stuff, and it’s set up to grow without headaches.

node-backend's People

Contributors

moatas19m avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.