Module 3 - Capsitech

Overview

Welcome to Module 3 at Capsitech! This module contains two React-based projects that focus on form handling and API integration:

Projects

1. Student Registration Form (using Formik)

This project is a student registration form built with React and Formik. It demonstrates how to handle form validation, user input, and submission efficiently using Formik and Yup for schema validation.

Features:

• Uses Formik for form state management.

• Implements Yup for input validation.

• Supports controlled inputs and form submission.

• Provides real-time validation feedback.

Live link: https://studentformusingformik-m3-sdas.netlify.app/

2. Weather App (using React)

The Weather App is a React-based application that fetches and displays weather information based on user input. It utilizes a weather API to provide real-time weather updates.

Features:

• Fetches weather data from an external API.

• Displays temperature, humidity, and weather conditions.

• Provides a user-friendly interface with responsive design.

• Implements error handling for invalid locations.

Live link:https://weatherappcapsitech-m3-sdas.netlify.app/

Installation & Setup

To run both projects locally, follow these steps:

# Clone the repository
git clone https://github.com/your-repository/module3-capsitech.git

# Navigate into the project folder
cd module3-capsitech

# Install dependencies
npm install

# Start the development server
npm start

Technologies Used

• React.js - Frontend library

• Formik & Yup - Form handling and validation

• Weather API - Fetching real-time weather data

• CSS - Styling components