fotiemconstant / screel

A space to connect, share, and engage with tech enthusiasts just like you🚀

Screel

A space for Developers, Designers, geeks, nerds, tech enthusiast, just like you 🚀

Contribute · Community · Documentation

https://screel.vercel.app/

⤴️ Motivation

As a developer and tech enthusiast, I have always yearned for a safe space where I can connect with others like myself and share our passions. I have often found myself feeling isolated in my love for all things tech and have often struggled to find a community that truly understands and shares my interests. from sharing tech memes to doing something fun, in a geeky way!!!

That's why I created Screel, a platform for tech enthusiasts and developers to come together and connect. Here, we can share our wildest and most exciting tech projects, bond over our shared love of all things nerdy and geeky, and connect with local developers. Screel is not just a platform, it's a home, a sanctuary for tech enthusiasts and developers like myself. One unique aspect of Screel is that it focuses more on the moment, your posts disappear 24 hours after you've posted them, encouraging you to share and engage with others in the moment, making the experience more fun and dynamic.

So far i've had devs who have joined me in this exiting journey. We are building Screel in public, so you can be a part of the journey and check back often for updates and exciting new releases. I invite you to join us in this journey, and let's build something amazing together! 🚀

---

Structure

Codebase	Description
okok	Laravel API
eru	Vue.js frontend

Connect with local Designers, geeks, nerds, tech enthusiast just like you💪🏾 ...share your "screels" with your network and people around you!

Getting Started🚀💻

To get started! You're going to fork this repository, try creating a branch, make your changes, and create your first pull request!

• You might want to check out the issues

Contributing

Remember please all pull request should be sent to the dev branch*

Please read CONTRIBUTING.md for details on this project.

Code of Conduct

Please read CODE_OF_CONDUCT.md for details on our code of conduct.

ScreelReviewers

Contributors helping to review/merge pull requests:

• @fotiecodes
• @viryl15

License

This project is licensed under the BSD 3-Clause License - see the LICENSE.md file for details

screel's Issues

Work on the auth with github and integrate with the API endpoint

Priority List - READ BEFORE CONTRIBUTING

Screel V1.0.0

• build login route
• build appBar component plus translatable
• fix important github issues about screel.vercel.app
• review old pull requests

How can I help?

• triage issues

• pick a bug, recreate it locally, then fix it

• match design on figma

• on existing pages if you notice an inconsistency between figma and the app you can make a pr to fix it

• we will be releasing new components that you can build

Features for contributors to work on

• convert the design to code here
• help needed on the api section

What about X feature I want to PR to Screel?

Ask me before starting and tell me the problem you are trying to solve with this feature (also make sure at least one other person besides yourself has experienced this problem).

Overall brainstorming

Features:

• users can browse developers around them on maps and in a list format(a developer needs to share his/her location to be able to see other developers around them);
• screel admins should be able to create ads which will show on screel (down the like it could be targeted ads for more engagement )
• users can perform the following actions to each other:
  • follow each other on screel
  • block another user
  • message each other(with privacy setting to if you wanna receive messages or not, or only receive messages from followers)
• notification is sent to user when action is taken which concerns them, admin notification should be added too(like we might wanna update users on our new terms and conditions or about an important release)
• user can add additional information to their profile after signing in like: website, location(gotten when user signs in depending on their setting)
• user can add at most 4 tags to their post screel at creation
• authentication: No traditional signup; User authenticates with:
  • github
  • twitter
  • google
• users can post screels: these screels expire after 24 hours
• who can view a user’s screels?
  • people around the user
  • people who follow the user
  • people who visit their profile

Back-end: Finish the ER for classes and attributes

review old pull requests

fix the bug on the screel post[instead of displaying "%time ago" display "in %time' "] e.g in 5 hours, in 24 hours, in 10 minutes etc

create chat design

work on reacting to someone's screel and also interacting or replying to a screel post

Public profile for screel users

Suggestion - Would be nice to have a public user profile(portfolio form) for all users using screel so they can show cast their recent projects from github etc, hacker-rank, leedcode etc. we all know how difficult and stressing it is to build a portfolio as a dev or tech person, this could just be a game changer

Work on the button element, a single button that receives in as props data like [isLoading, isDisabled, etc] and makes it all dynamic. Button should equally $emit a click event function

Work on the Messages pop up. When clicked on this, it should show user's messages list

Work on the "developers around you component"

This section will be a design of the component of the developers around the user

Work on the auth with google and integrate with the API endpoint in the doc

Work on the login component and page UI

This page is /login auth of users, this task is simply to work on the UI of this page following the design

Work on the notification pop-up. When clicked on this, it should show user's notification list modal

Work on search and select tag while user types to add his tag

so when screeler typing to add a tag, there is not proposals list. what you have to do here is to hit the API (by passing already type string) when screeler is typing to add a tag, to get the list of existing tags which match the string send to the API endpoint and propose it to screeler as drop down or collapse and he will be able to add a tag on tap it in the list.

Work on the [Card/Ad] component that appears in the feeds