This is a responsive web page that showcases my favorite hobby or interest. It consists of three sections, including an introduction, a photo gallery, and a contact form. The web page is built using React and implements the necessary functionality and styling to provide an interactive user experience.
The purpose of this web page is to share information about my favorite hobby and provide a visually appealing experience for visitors. The introduction section gives a brief overview of the hobby, while the photo gallery showcases images related to the hobby. The contact form allows visitors to get in touch with me for further inquiries or discussions.
- Introduction section: Provides a concise description of my favorite hobby.
- Photo gallery: Displays a collection of images related to the hobby. Users can click on the images to view them in a larger format.
- Contact form: Allows visitors to submit their contact information and message for further communication.
The following technologies and tools were used to develop this web page:
- React: A JavaScript library for building user interfaces.
- HTML: Markup language for structuring the web page.
- CSS: Styling language for visually enhancing the web page.
- JavaScript: Programming language for implementing interactivity and functionality. -MaterialUI: A 3rd party Library -Framer Motion: tthird party library for animation
To run this web page locally, follow these steps:
- Clone the repository:
git clone https://github.com/sylviaOsinaku/techmonstro.git - Change to the project directory:
cd techmonstro - Install dependencies:
npm install
- Start the development server:
npm start - Open your web browser and navigate to
http://localhost:3000 - Explore the different sections of the web page:
- Read the introduction to learn about my favorite hobby.
- Click on the images in the photo gallery to view them in a larger format.
- Fill out the contact form to get in touch with me.