Study Mate

This repository contains various frontend projects I’ve worked on while learning and mastering web development concepts. It includes CSS, JavaScript, React, and TailwindCSS projects to showcase my progress and experiments.

Table of Contents

1. Introduction
2. Project Structure
3. Installation
4. Technologies
5. Get In Touch

Project Structure

The repository is organized into four main sections:

1. CSS Projects

• This folder contains projects built using HTML and CSS, it contains projects focused on mastering CSS, from layouts to animations.
  • Project: Explore responsive designs, flexbox, grid, and more. -Folder: css/

2. JavaScript Projects

• In this section, you will find projects created with vanilla JavaScript, which may also incorporate HTML, CSS, and sometimes Materialize css or TailwindCSS for styling.

  • Projects range from DOM manipulation to algorithms and logic challenges.
  • Folder: javascript/

3. React Projects

• This section includes mini React apps created during my learning journey and styled with TailwindCSS, Css Modules, Styled-components or SCSS

  • Explore React components, hooks, state management, and more.
  • Folder: react/

4. TailwindCSS Projects

• A collection of projects styled using the TailwindCSS utility-first framework.

  • Experience clean and responsive UI designs with minimal custom CSS.
  • Folder: tailwindcss/

Installation

Clone the repo using:

    git clone https://github.com/Ehmkayel/study_mate.git

Navigate to the desired project folder:

    cd React

Follow the instructions in the individual project folders for setup and usage.

Technologies

Get in Touch

You can reach out to me;

• Linkedin- Morufat-Lamidi
• Frontend Mentor - @Ehmkayel
• Twitter - @kamalehmk
• Gmail- Mail;