Skip to content

Latest commit

 

History

10 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 

Repository files navigation

News Application (News Plus)

Repository

git clone https://github.com/SivasankaranKaleeswaran/NewsAppication.git

Setup Instructions

Step 1: Installation

After cloning the repository, navigate to the client and server folders separately from the command line, and install the necessary libraries using: npm install or yarn install

Step 2: Environment Configuration

Create an environment file named .env in the client folder and configure the following variable: VITE_API_KEY=<Your_API_Key_Here> The API key can be obtained by registering at Visual Crossing Weather (https://weather.visualcrossing.com).

Step 3: Database Setup

Create two tables in your database using the following SQL queries:

User Table: CREATE TABLE user ( userId int NOT NULL AUTO_INCREMENT, user varchar(100) NOT NULL, password varchar(100) NOT NULL, firstname varchar(100) DEFAULT NULL, lastname varchar(100) DEFAULT NULL, PRIMARY KEY (userId) );

Likes Table: CREATE TABLE likes ( id int NOT NULL AUTO_INCREMENT, url text, user int DEFAULT NULL, src text, title text, description text, PRIMARY KEY (id), KEY user (user), CONSTRAINT likes_ibfk_1 FOREIGN KEY (user) REFERENCES user (userId) );

Step 4: Running the Application

To start the application, execute the following commands in their respective directories:

Client: npm run dev

Server: npm start

Execution Screenshots

Actual Site with Latest News from the US

image

Login Page

image

Registration Page

image

User Preferences Selection

Users can select their preferences from the dropdown menu for country and category. image

Favorites and Weather Details

After logging in, users can access their favorite news and weather details. image

Favorite News

image

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages