Skip to content

Latest commit

 

History

History
67 lines (35 loc) · 3.25 KB

README.md

File metadata and controls

67 lines (35 loc) · 3.25 KB

FrontEnd-Projects

The Box

Create a webpage displaying a centered header, main body, and a footer using HTML, CSS, and basic layout and styling techniques. Utilized the power of CSS Grid, Flexbox, and Media Queries to create a responsive layout for a webpage.

Calculator

This project includes an HTML and CSS file with inline JS that work together to create a simple calculator with a modern and stylish user interface.

Social Media Application - Socius

Socius is a web application that has been developed using HTML, CSS, and JavaScript. The project utilizes various CSS features, including grid and flex, to ensure that the design is visually appealing and functional.

The main purpose of Socius is to provide a platform for users to create and customize their own websites. The application allows users to choose from a variety of font styles, colors, and backgrounds to make their website unique.

The application is designed to be responsive and is optimized for both large and small screens. This ensures that users can access and use the application regardless of the device they are using.

Socius is built with a user-friendly interface that allows users to easily navigate and customize their website. The application also includes a preview feature that enables users to view their website as they customize it.

Weather Tracker Application

The Weather Tracker Application is a weather forecasting application that provides real-time weather information using the OpenWeather API. It allows users to track the current weather conditions, today's highlights, and provides an overview of what the weather will be like later in the day.

Features

  1. Current Weather: The application displays the current weather conditions for the specified location, including temperature, weather description, wind speed, and wind direction.

  2. Today's Highlights: The application provides important weather highlights for the current day, such as the Air Quality Index (AQI), sunset and sunrise times, humidity, pressure, visibility, and feels-like temperature.

  3. 5-Day Forecast: The application provides a 5-day weather forecast, displaying the temperature range for each day, allowing users to plan ahead.

  4. Weather Forecast: The application offers an overview of what the weather will likely be later in the day, including the temperature range, weather description, and any expected weather changes.

Take a look at below video:

Take a Look

TO RUN ALL THE PROJECTS

Prerequisites

A web browser, such as Chrome, Firefox, or Safari

Installation

  1. Clone the project from GitHub: git clone https://github.com/sidyr6002/FrontEnd-Projects.git
  2. Open it in VS Code and navigate to the project directory: eg. Social Media
  3. Open the index.html file in your web browser.

Usage

  1. Click on the buttons to see some interactive features.
  2. Modify the HTML, CSS, and JavaScript files to customize the web page.

Contributing

Please feel free to fork the repository, make changes, and submit pull requests.

License

This project is licensed under the MIT License. See the LICENSE file for details.