Git Product home page Git Product logo

rooba-finance's Introduction

To run the code

  1. fork the repository and clone the repository locally.
  2. make sure you have node.js installed on your computer.
  3. open the the folder in any file editor.
  4. you can use the same mongodb url to connect to database or else you can connect your own mongodb url.

Question 1: Implementing a Figma Design with React/Next.js

Tech Stack- React.js, Tailwind CSS.

To run locally

  1. type "cd figma-react" like this:-{Rooba-finance>figma-react}
  2. run "npm install"
  3. type "npm run dev" to locally start the server
  4. visit "http://localhost:5173/" in browser to see the website

Features

  1. made website responsive for both mobile and pc.

Deployed Link

visit the below site to view the deployed website Link- https://check-nu-peach.vercel.app/

Working Videos and screenshots

20240216-1640-18.3923348.mp4

Mobile site

20240216-1642-15.7769290.mp4

Question 2: React Form with Validation

Tech stack- React.js, Zod.

To run locally

  1. from home directry of folder to "signup-react" by typind "cd signup-react" lie this:-{Rooba-finance>signup-react}
  2. run "npm react"
  3. run "npm run dev" to start the app locally
  4. visit "http://localhost:5173/" in browser to see the website

Features

used zod, A js library to perform input validation. Implemented client-side validation.

Deployed link

Link - https://signup-bay-tau.vercel.app/

screenshots

Screenshot 2024-02-16 222832

Question 3: REST API with Node.js and Express

Tech stack-Node.js,Express.js, Zod, Mongoose. Created a REST API endpoint using Node.js and Express that allows creating, reading, updating, and deleting (CRUD) user profiles stored in a MongoDB database.

To run locally

  1. navigate to "Node-api" by using "cd Node-api" like this:-{Rooba-finance>Node-api}
  2. run "npm install"
  3. run "node index.js" to start the server
  4. use Postman to use the backend

Postman request structure

  1. while using /users post route send the whole details in obj variable to the backend using postman
Screenshot 2024-02-16 223505

screenshots

Screenshot 2024-02-16 223542 Screenshot 2024-02-16 223832 Screenshot 2024-02-16 223948 Screenshot 2024-02-16 224047

Question 4: Express Middleware Creation

tech stack-Node.js, Express.js. Express middleware function that logs the request method, URL,access token and timestamp for every request to the server.

To run locally

  1. navigate to "express-middleware" by using "cd express-middleware" like this:-{Rooba-finance>express-middleware}
  2. run "npm install".
  3. run "node index.js" to start the servet
  4. you can use postman to send requests to server.

screenshots

Screenshot 2024-02-16 224724

Question 5: MongoDB Data Aggregation

tech stack-Node.js,mongoose.

To run locally

  1. navigate to "mongo-agg" by using "cd mongo-agg" like this:-{Rooba-finance>mongo-agg}
  2. run "npm install"
  3. run "node db.js"
  4. you can view the results on the console.

screenshots

Screenshot 2024-02-16 225204

Thank you

contact

email: [email protected]

rooba-finance's People

Contributors

abhi200206 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.