/Brunel-TalUp-Website

A website with Home, Register, and Success Page using ReactJS

Primary LanguageJavaScript

Thence Assessment

This repository contains the source code for a web application developed as part of the Thence Internship. The application is built using React and demonstrates a variety of web development techniques.


BrunelLogo

Hire Brunel

A website to Hire Brilliant Talents.

Last Commit Shield Badge Repository Size Shield Badge NPM Shield Badge SecondLife Stars

This repository consists of a React JS Application built with ❤️

Hire Brunel offer clients various talents according to there needs!

Deployment

demo

Project Setup

Installation

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/krmahi/Brunel-TalUp-Website.git

# Go into the repository
$ cd Brunel-TalUp-Website

# Install dependencies
$ npm install

# Run the app
$ npm run dev

>This will start the development server and open the application in your default web browser.

Note If you're using Linux Bash for Windows, see this guide or use node from the command prompt.

Features

This project includes the following features:

  • React Architecture: Utilizes functional components and hooks for efficient development.
  • Figma Requirements: Implements all design specifications outlined in Figma.
  • Native CSS Styling: Ensures consistent and flexible styling development.
  • Dynamic Hero Image: Easily interchangeable via URL modification for visual customization and some slight animations for visual appeal.
  • Email Validation: Robust validation using regular expressions for data integrity.
  • React Router Navigation: Seamless navigation between sections for enhanced user experience.
  • Carousel Functionality: Engaging carousel with 3-second duration for dynamic content presentation.
  • Adavanced @GSAP Animation: Custom Cursor with dynamic sizes | scroll animations and overall easing.
  • Redirection Management: Efficient page redirection using set timeout and useEffect hook.

Credits

This software uses the following open source packages:

Thence For the Opportunity

Project Structure

  • public
    • favlogo.svg
  • src
    • assets
    • components
      • Accordian.jsx
      • AccordianItems.jsx
      • AppButton.jsx
      • Cursor.jsx
      • Faq.jsx
      • Footer.jsx
      • HeroCarosel.jsx
      • HomeImg.jsx
      • NavBar.jsx
    • fonts local fonts
    • pages
      • Home.jsx (Screen 1)
      • Register.jsx (Screen 2)
      • Success.jsx (Screen 3)
    • styles App Styles
    • App.css
    • App.jsx
    • index.css
    • main.jsx ReactDOM
  • index.html
  • vite.config.js

Mahesh Kumar mahi ·  mahesh.kr.2277@gmail.com  ·  Hire Brunel  ·  GitHub @krmahi