Coder Social home page Coder Social logo

fh-dev1 / befake Goto Github PK

View Code? Open in Web Editor NEW
17.0 2.0 0.0 2.71 MB

A BeReal client available on every mobile device

Home Page: https://bereal-fhdev.vercel.app

License: MIT License

JavaScript 0.18% TypeScript 97.93% CSS 1.89%
bereal bereal-api berealclient berealgate befake nextjs

befake's Introduction

Befake, a BeReal client

If you like or use this project all I ask for is a star :)

Project description

This web-based BeReal client serves as a platform for viewing your friends' posts without requiring you to make any posts yourself. Its primary feature lies in its ability to function as a genuine app on any mobile device, providing convenient access for users.

Features:

  1. Mobile App: Use it easily on your phone.
  2. View Friends' Posts: See what your friends are sharing without posting yourself.
  3. Explore Friends-of-Friends: Discover posts from extended connections by making your own posts.
  4. Silent Screenshots: Capture BeReal content without notifying the person.
  5. Realmojis and Comments: Check out realmojis, comments, and tags associated with a post.
  6. Map Locations: Instantly open the exact location of a BeReal post on maps.

Todos:

  • Add link to Github
  • Add profile pages
  • Add posting comments feature
  • Add posting realmoji feature
  • Add posting page
  • Add BTS
  • Make it responsive
  • Improve code structure

Mobile installation

Go to url bereal-fhdev and follow these 2 simple steps.

Step 1 Step 2

Code structure

The code structure needs a review as it is currently excessively nested and unclear. For the project to maintain proper mobile compatibility, it is essential to have all components under the same route.

Local Installation

This is a Next.js project bootstrapped with create-next-app. First, clone this repository:

git clone https://github.com/FH-DEV1/BeReal

Second, move into the repo you just cloned and move in the app directory:

cd app

Third, install dependencies:

npm install --legacy-peer-deps

Then add a .env.local in the src directory and add following line to it:

npm run dev

Finally, run the development server:

DEV=http://localhost:3000

Open http://localhost:3000 with your browser to see the result.

befake's People

Contributors

dependabot[bot] avatar fh-dev1 avatar ney-web avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

befake's Issues

cant login

after i entered my phone number an error appears on the screen
Error sending otp please try again later
Please help me

Unobstructed view of photos

This client is great! The only thing missing from this is being able to see each photo individually, without the other photo overlapping. BeUnblurred has integrated this feature nicely. You tap on the other photo to switch photos, and you tap on the current photo to toggle between having the other photo overlap or not. Any chance this could be implemented in BeFake?

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.