Skip to content

sanjukumari-tech/New-York-Times

Repository files navigation

The New York Times

Introduction

It was a collaborative effort taken by four team members Tushar Bisht, Sanju Kumari, Vaibhav More, and Shubam Kangar and it was completed in a span of 5 days. The purpose of this project was to test our coding skills as well as our team-building skills.

Team members

  • Tushar Bisht
  • Shubam Khangar
  • Sanju Kumari
  • Vaibhav more

Project Type

Frontend | Backend | Fullstack

Deployed App

Frontend: https://660dddccb0d0ef620768441d--chimerical-smakager-411d58.netlify.app/

Backend: https://new-york-times-2.onrender.com/

Database: https://new-york-times-2.onrender.com/

Directory Structure

Screenshot 2024-04-04 142010

Video Walkthrough of the project

https://drive.google.com/file/d/1iIlcRerXfXcf3Rgu0xvbjsK9O_f9KPNC/view?usp=sharing

Video Walkthrough of the codebase

https://drive.google.com/file/d/1P-N9Zlcxob6oxZXZS_XrJNArwSXdS5h_/view?usp=sharing

User view

image

Features

List out the key features of your application.

  • Login credential.
  • Search functionality.
  • Today's date along with the day.
  • Show new stock along with their cap in every 3 seconds.
  • New news on every time the page loads.
  • loading animation till the fetch function complete.

design decisions or assumptions

We have used Html CSS and JavaScript to design and add functionality to our website.

Installation & Getting started

Detailed instructions on how to install, configure, and get the project running. For BE/FS projects, guide the reviewer how to check mongodb schema etc.

git clone [https://660dddccb0d0ef620768441d--chimerical-smakager-411d58.netlify.app/](https://github.com/tusharbisht16/New-york-times.git)
Check on live server from index.html

APIs Used

Render was used for deploying the API which was created using Json-server.

API Endpoints

Get https://new-york-times-2.onrender.com/data - retrieve news data for cards on the upper section GET https://new-york-times-2.onrender.com/data2 - retrieve news data for cards on the lower section GET https://new-york-times-2.onrender.com/stock - retrieve the stock's name and total cap

Technology Stack

  • HTML
  • CSS
  • JavaScript
  • Json-server
  • Render