Giter VIP home page Giter VIP logo

team4-frontend's Introduction

Out&Abt

Description

Out&Abt is an app designed for immigrants in the US, providing them with a platform to find a supportive community and start a life based on their native language. The app allows users to filter through jobs and rentals specifically tailored to their language skills, enabling them to showcase their qualifications effectively, even if they don't align with local requirements.

Key Features

  • Tailored opportunities for immigrants based on their native language
  • Filter jobs and rentals by language to find relevant opportunities
  • Contact the lister directly through the provided contact form
  • Tailored opportunities from local businesses and employers
  • Showcase skills and credentials effectively to local businesses and employers
  • Explore rental and job listings with detailed information and map view
  • Engage with the community through the community board, post, and interact with other users throught the comment section

Technologies

The Out&Abt app is built using the following technologies:

  • React
  • React Icons
  • React Dom
  • EmailJS
  • Google Maps API
  • React Router
  • React Paginate
  • React Slick
  • Axios
  • React Scroll
  • Lecto.Ai API

Installation

To install and set up the Out&Abt React app locally, follow these steps:

  1. git clone https://github.com/Gillesedgy/Team4-BackEnd-Server.git
  2. Navigate to the cloned repository in your terminal: cd [Path to this repository]
  3. Install the required dependencies by running the following command: npm install
  4. Start the React app by running the following command: npm start

The app will open in your default web browser. If it doesn't open automatically, you can access it by visiting http://localhost:3000.

Usage

Once the Out&Abt app is launched, you can explore its various sections and features. Here's a brief overview:

  • Home Page: Scroll through the page to see the services of Out&Abt.
  • Get Started: Click the "Get Started" button to create an account and log in.
  • Language Selection: Notice that the text changes based on the language you choose during account creation.
  • Navbar: Use the navbar to navigate through the app and access pages like Account, Rentals, Jobs, and the Community Board. Click the logo to return to the home page.
  • Rentals Page: Filter rentals based on native language using the language dropdown. Click on a rental post to view more information. You can view the apartment location on the map and contact the lister using the provided contact form.
  • Jobs Page: Filter jobs based on language. Click on a job post to see more details, including the job's location on the map. You can also contact the lister directly through the contact form.
  • Community Board: Engage with the community by browsing and interacting with posts. Use the navbar to filter through the community page and create new posts.
  • Resource Section: Find additional help and support through curated links that direct you to official websites.

Contributing

Contributions to the Out&Abt project are welcome! If you'd like to contribute, please follow these guidelines:

  • Submit bug reports or feature requests by conacting us.
  • Fork the repository, make changes, and submit a pull request for review.
  • Adhere to the coding standards and practices followed in the project.
  • Contact us for more information.

Team Members

  • Edgy: Full-stack Engineer with focus on front-end Development
  • Dilruba: UX/UI Designer, Full-stack Engineer With focus on Front-end Development
  • Mina: Full-stack Engineer with focus on front-end Development
  • Lennie: Full-stack Engineer with focus on back-end Development
  • Nikesh:Full-stack Engineer with focus on back-end Development

Contact

Feel free to reach out to us with any questions or feedback:

team4-frontend's People

Contributors

gillesedgy avatar minagrullon avatar dilrubamajumder avatar nikeshw avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.