A simple search engine FE project based on React 18, Vite and Typescript

Overview

Simple Search Engine (Web)

A simple frontend application that allows a user to see a predefined list of construction companies, filter them by name using a search bar and the built in "specialties" filters.

Screenshots

Desktop Screenshot Mobile Screenshot

Tech Stack

Client: React, Typescript, Vite, EmotionCSS, Mantine

Server: Node, Express, Typescript, Pino, Helmet, Node Json DB

Install & Run Locally

Clone the project

  git clone https://github.com/Theofilos-Chamalis/simple-search-engine-web.git

Go to the project directory

  cd simple-search-engine-web/

Install dependencies

  yarn

Start the server

  yarn dev
You might also like...
React-todo-localstorage - A simple Todo using React, TypeScript, Vite.js, Chakra UI and localStorage
React-todo-localstorage - A simple Todo using React, TypeScript, Vite.js, Chakra UI and localStorage

React Todo A simple Todolist using localStorage. Live demo here. Table of Conten

A simple Countdown created using Vite, React, Typescript and Sass
A simple Countdown created using Vite, React, Typescript and Sass

Countdown 🎯 About This a simple Countdown created using Vite, React, Typescript and Sass. Demo: https://countdown-teal-zeta.vercel.app/ πŸš€ Technologi

This is a Microsoft Teams clone built with React JS and Chat Engine!
This is a Microsoft Teams clone built with React JS and Chat Engine!

Welcome to MS Teams Clone! Example Website Introduction This is a Microsoft Teams clone built with React JS and Chat Engine! React JS is the programmi

A chat application created using React,js and Chat Engine

⭐️ Chat-App ⭐️ A Chat Application created using React.js and Chat Engine Live Site Getting Started with Create React App This project was bootstrapped

Chat - Microsoft Teams Clone build using Chat engine api and React JS
Chat - Microsoft Teams Clone build using Chat engine api and React JS

Chat Application Website - Site deployed here Introduction This is Microsoft Tea

Hacker News - This project was created using Vite, React, GraphQL and Apollo Client.
Hacker News - This project was created using Vite, React, GraphQL and Apollo Client.

Hacker News A application to get your favorites links made using Apollo Client In Progress πŸš€ Table of contents Table of contents πŸ’» About πŸ›  Techs πŸ’ͺ

a chat application using react chat-engine api

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

 Kitabisa Campaign List - This project was bootstrapped with: React Vite Chakra UI
Kitabisa Campaign List - This project was bootstrapped with: React Vite Chakra UI

Kitabisa Campaign List Demo: https://kb-campaign.vercel.app/ Tech Stack This project was bootstrapped with: React Vite Chakra UI Jest Recoil ESLint Av

Todo app built with React, Redux, Typescript, and Vite with color themes and todo filtering
Todo app built with React, Redux, Typescript, and Vite with color themes and todo filtering

Todo app built with React, Redux, Typescript, and Vite with color themes and todo filtering. Styled with styled-components.

Comments
  • [ImgBot] Optimize images

    [ImgBot] Optimize images

    Beep boop. Your images are optimized!

    Your image file size has been reduced by 51% πŸŽ‰

    Details

    | File | Before | After | Percent reduction | |:--|:--|:--|:--| | /src/assets/icon-512.png | 73.16kb | 32.83kb | 55.13% | | /src/assets/icon-192.png | 15.89kb | 9.40kb | 40.84% | | /src/assets/gps-128.png | 2.24kb | 1.83kb | 18.03% | | /src/assets/worker-128.png | 1.95kb | 1.60kb | 17.86% | | /src/assets/magnifying-glass-solid.svg | 0.62kb | 0.62kb | 0.16% | | | | | | | Total : | 93.85kb | 46.28kb | 50.69% |


    πŸ“ docs | :octocat: repo | πŸ™‹πŸΎ issues | πŸͺ marketplace

    ~Imgbot - Part of Optimole family

    opened by imgbot[bot] 1
Owner
Theofilos Chamalis
_{ Full Stack Software Developer }_ More info about me and my bio in my personal page at https://www.cs.uoi.gr/~thchama
Theofilos Chamalis
Refactoring a MERN stack react based front end starter code with a fully functioning Google Books API search engine built with RESTful API to be built with GRAPHQL API with Apollo Server.

21_MERN_GoogleBookSearchEngine Task Refactoring a MERN stack react based front end starter code with a fully functioning Google Books API search engin

Dionne Noella 5 Apr 9, 2022
Movie Search Engine an app that you can Filter and Favorite any movie

Movie Search Engine - ReactJS Movie Search Engine an app that you can Filter and Favorite any movie! View Demo Β· Report Bug Table of Contents About Th

Glauco Lustosa 1 Jul 9, 2022
A Book Search Engine that has been converted from RESTful APIs to a GraphQL API which uses the Apollo Server.

Book Search Engine This is a Book Search Engine that has been converted from RESTful APIs to a GraphQL API which uses the Apollo Server. This applicat

null 1 Feb 26, 2022
πŸ” Search Engine for a Procedural Simulation of the Web with GPT-3.

Search Engine for a Procedural Simulation of the Web with GPT-3 Web 4.0 could be the propitious evolution for the procedural web. Goopt is an experime

Kenny Cruz 424 Sep 21, 2022
Frontend for Reguleque, a search engine for chilean public workers records' as obtained through transparency databases.

Frontend for Reguleque, a search engine for chilean public workers records' as obtained through transparency databases.

AmΓ©rica Transparente 2 Sep 13, 2022
A Responsive 'Google Search Clone' made with React JS and Tailwind CSS, using a Google Search API

Goggles has the ability to search for up to the minute results, latest images, current live news and recent videos.

Sarim Hussain 4 Jun 6, 2022
MetaEditor for Unreal Engine based on ReactJS and PixelStreaming

MetaEditor for Unreal Engine MetaEditor, created by the team at UnrealOS is a professional web application development solution based on ReactJS and P

Mark 52 Sep 23, 2022
Web frontend of the NLW heat 2021 project, used: React; Typescript/TSX; Vite; Socket.io; Scss/Sass; and other libs for react (axios, context...).

This is the web frontend of the NLW heat 2021 project, carried out by rocketseat. It is free to use, and any questions or errors, please do not hesitate to consult me, or post an issue. In this code we used: React; Typescript/TSX; Vite; Socket.io; Scss/Sass; and other libs for react (axios, context...).

Guilherme Iuri 1 Oct 25, 2021
Project developed using ReactJS, TypeScript, Vite and CSS modules.

NLW Heat React Project developed at the Next Level Week Heat event held by Rocketseat. This project aims to build the backend of a commenting applicat

AndrΓ© Luiz 1 Oct 24, 2021
Visual metasearch engine built with TypeScript, React, Redux & Express

spresso-search Visual metasearch engine built with React, Redux, Express, and TypeScript. Live link to site About Spresso Search scrapes search result

Joshua Rabiu 257 Sep 10, 2022