Giter Club home page Giter Club logo

speaked's Introduction

SpeakEd

Project Abstract 🙋

Join the chat at https://gitter.im/vidhibhasa/SpeakEd

SpeakEd is a Community Platform developed for Community Leads and Volunteers as well as Speakers to come on a single Unified Platforms leading to greater visibility, helping you to find the right Speaker for your Event. With an integrated Portfolio Feature for Speakers, you would be able to find the Events, Workshops or Podcasts they have spoken at, and will allow you to contact them at ease in a secure manner. Speakers would be able to build their Portfolio around this, showcasing the speaking skills they have got along with the expertise and clarity that possess while teaching or instructing someone. This Community Application would allow Speakers to connect with Community Leads/Volunteers over their love for Community Building and helping out each other in an effective way, benefitting the Community in the longer run.

Project Background💡

As a Community Lead or an Organizer, did you ever feel that you are not able to find the right Speakers for your Event?

Do you have to go on hunts across LinkedIn, YouTube, Twitter and even Github to find the Speakers and mail them, requesting them to be a Guest Speaker for your Event?

SpeakEd aims to be a single, unified platform for people who are looking for Speakers all across the globe with a capability to search Speakers and Mentors who would love to volunteer and be a part of your Event. On top of that, this Platform would allow the Speakers to build a Portfolio for themselves, highlighting the Events and Workshops they have spoken in and help people find them easily and effectively.

Areas of Collaboration 👨‍🏭

Project Managers, Developers and Designers would be collaborating on various domains like:

  • UI Prototyping with Tools like Adobe XD/Figma

  • Front-End Development with ReactJS

  • Developing Backend APIs with Flask and MongoDB

  • Working on a NoSQL Database Management System

  • Working on a User-Experience rich platform for a Community Cause

This would be an enriching experience for all Student Developers, Project Managers and Designers.

Technology Stack 🛠️

  • Coding Languages: Javascript, Python

  • Tools & Technologies: React, MongoDB, Flask, Amazon Web Services, Postman, Jest, PyTest, Github Actions (CI/CD)

  • Project Management Tools: Trello, Git/Github, Markdown (Documentation)

Learning Resources 🧰

License📜

MIT License

Contributors

speaked's People

Contributors

abhishek7997 avatar anjali1102 avatar arnabsen1729 avatar ashukv avatar aviiiij avatar aysp-99 avatar bhubesh757 avatar ciphertron avatar gitter-badger avatar harshcasper avatar jain-rishabh-21 avatar jaiongit avatar priyanshu20 avatar rohan-kulkarni-25 avatar shikharcodes avatar shristi99 avatar siddhant-k-code avatar sukriti-sood avatar tejas1510 avatar

Stargazers

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

Watchers

 avatar  avatar  avatar

speaked's Issues

Create an Application Logo

Description

Currently, we need a Logo for our Application which would be used on our Web Application Interface.

Tools

  • Figma
  • Adobe XD
  • Adobe Photoshop

Additional Details

Logo Designs must be added in an appropriate form on the assets/Logo-Design/ Directory. The basic criteria we are looking for are:

  • The logo should be optimized to a 500x500 Pixel Size.
  • Transparent Background must be used.
  • Design Philosophy should be documented in the PR.

Add a Github Action to auto-assign Mentors for every PR

Description

Add a Github Action to auto-assign Mentors for every PR. It is a pain sometime to take a look at all the Projects for the PRs made by the Contributors. Getting a nice notification about reviewing a PR would make things easy for me.

You can take a look at this Github Action for the purpose. Check this out to know how to achieve the same.

Pages: Error, Home, Contact, AboutUs and routing with basic styling

I have added a folder called pages in the components folder. It has an error page, home page, contact page, and about us page with minimal styling also I have added routing to the app.js file so if any unknown route is visited it gets redirected to the error page from where you can get back to the home page

Add a Code of Conduct

Description

Create a Code of Conduct which the Mentors and Participants must abide by.

Additional Details

  • Mention the Standards which everyone should abide by on welcoming and inclusive language including constructive criticism.
  • Add the required responsibilities for Project Maintainers.
  • Mention the Scope of this Code of Conduct.

Setup an Action to test the Frontend Build

Description

Create a Github Action which can be used to test the ReactJS Build in the client sub-directory with every commit and pull request. It is needed so that we don't introduce any breaking changes.

You can have a look over how we can use Github Actions for the same. Even though using external tools like TravisCI or CircleCI are welcomed, it would be good to stick to Github Actions for the same.

Design the Database Schema

Description

Design the Database Schema for the Application. The Database Schema should be worked on using a prototyping tool like Draw.io and should encompass the Community Manager, Public Speaker and the Admin Schemas.

You can identify the various fields that we need to have from the perspective of a Social Application that brings Communities closer to Speakers and more.

Add DeepSource Static Code Analysis

Description

Add DeepSource Static Code Analysis on this Repository.

Additional Details

  • Fork the Repository (If you haven't already)
  • Go through the official Documentation
  • Setup the deepsource.toml on the Root.
  • Make a PR.

I will activate the analysis from my end to find Bugs and Anti-Patterns at every push.

Design a 404 Page for the Application

Description

Add a 404 Page to keep a visitor on your site even if he/she hits a page that doesn't exist. This would also help us to change the Bad User experience to a positive one by adding some links to that 404 page so that the visitor can navigate to some other page.

Contributors Guideline

  • Submissions should be made in an apt form so that Web Developers can work on them seamlessly. Make the PRs to the design/ directory with the Adobe XD/Figma Files and a JPEG/PNG of them as well. Have separate folders for each page.
  • The task is open to creativity. You can combine modern UI/UX philosophies to come up with your own design.

Add Prettier for Application Build

Is your feature request related to a problem? Please describe.
Add Prettier for Application Build. It would ensure that our CI pipeline and styling remains consistent throughout the development.

Describe the solution you'd like
You can have a look at various Prettier configurations. Here is the one that I use but feel free to suggest your own configuation.

Add Unit Tests for the Flask Application

Description

Create Unit-Tests for the Flask Application using pytest. Add the conftest.py file and test the route responds with the Tests that you will be writing. Add a Github Action as well for Unit Tests to show if the Flask Application build is passing or failing.

Tools

  • PyTest
  • Python
  • Github Actions
  • Flask

Add Welcome + Stale Bot to the Application

Description

This Issue requires two things:

  • Add a Github Action to mark stale Issues with a Tag. Issues that are not assigned, or has not been mentioned anywhere for more than 7 Days should be tagged with a "Stale" tag automatically.

  • Add a Github Action that can welcome new contributors.

Tech Stack Update ( LOGO add )

I will like to add tech stack logo used in our project this will make our project attractive !! Will start to work on this issue as soon as i get assigned !!

Add a Contributor Guideline

Description

Create Contributors Guideline to help new Contributors get started with this Project.

Additional Details

  • Add a CONTRIBUTING.md to allow new users to get started with knowing how to contribute.
  • Add Screenshots wherever possible.
  • Add the basic information about creating Issues, Pull Requests and Branching.
  • Mention tutorials related to Git and Github to help them better understand.

Add Issue + PR Templates

AIM

Create a custom Issue and Pull Request Template.

Features

  • Make an Issue Template. Any new Contributor must be able to specify if it is a new script or enhancement to an older one. It should also be specified which language he is coding it in.

  • Make a Pull Request Template. Any new Contributor must be able to specify if he has met all the requirements like Clean Code, proper README and Documentation, Screenshots (If any) attached and more.

Readme file enhancement

The Readme file can be enhanced by adding a list of all the Open Source programs in which this project was listed in.

FrontEnd : Design and Develop Contact us Form!

Is your feature request related to a problem? Please describe.
yes
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
By Adding Contact us form , So the users can Reach you at any time , if any issues occur !
Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Improve Cards

I would like to work on improving the speaker cards.
image

Logo using Figma

Hi
I am a participant of GSSoC'21. I would like to design a logo for your website.
Please let me know if I can proceed.

animation on the card on hover

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
The feature speaker card without animation on haver

Describe the solution you'd like

I will make animation on the feature speaker Card on haver using transform and transition to scale 1.1 on hover,
Capture6
It looks better than now and very good

I think it will look nice. Do assign me this issue please @HarshCasper

Design the Login/Signup Page Design

Description

Create the Login/Signup Page Design in a widely-supported Design Software (Adobe XD/Figma).

Contributors Guideline

  • Submissions should be made in an apt form so that Web Developers can work on them seamlessly. Make the PRs to the design/ directory with the Adobe XD/Figma Files and a JPEG/PNG of them as well. Have separate folders for each page.
  • The task is open to creativity. You can combine modern UI/UX philosophies to come up with your own design.

Improve cards

I would like to work on improving the speaker cards. I will be adding the hover effect to the cards
120196973-1ae66600-c23e-11eb-83ec-025c35aa5acb

Navbar bug

Nav Bar Should be fixed for good User Experience

Add Husky Pre-Commit Hook

Is your feature request related to a problem? Please describe.

Add Husky Pre-Commit Hook. Refer this to get started. Make the apt README changes as well and make sure that it interfaces with the Prettier configuration that is part of this issue: #57

Dockerizing the project

Is your feature request related to a problem? Please describe.
It significantly reduces the time for setting up all the dependencies.

Describe the solution you'd like
Dockerizing the whole application will help developers not waste time setting up the environment.

Describe alternatives you've considered
NA

Additional context
NA

Buttons Bug

Describe the bug
Buttons in the landing page are not properly aligned as per the page width

To Reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior
They should be perfectly aligned and placed right at the center

Screenshots
If applicable, add screenshots to help explain your problem.
Screenshot 2021-05-18 at 1 45 43 AM

Desktop (please complete the following information):

  • OS: [MACOs]
  • Browser [chrome]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

Add Flask Boilerplate

AIM

Add Flask Application and create Mock endpoints for our Flask Application.

Details

Flask is a micro web framework written in Python. It is classified as a microframework because it does not require particular tools or libraries. We will be using Flask-RESTful for creating the APIs which will interface with the MongoDB Database for Data Persistence.

You have to create basic mock endpoints which return a JSON Message on various routes.

Design Develop Header and Footer Components

Description

Design and Develop Header and Footer Components which can be uniformly used across the spectrum of application.

You can prototype them on some prototyping tool like Adobe XD or Figma and share the designs with me on Discord/Mail before coding it out. We will be using React-Bootstrap as our primary UI Library so please stick to that for the convenience.

Design a Profile Page for the Application

Description

Design a Profile Page.

Contributors Guideline

  • Submissions should be made in an apt form so that Web Developers can work on them seamlessly. Make the PRs to the design/ directory with the Adobe XD/Figma Files and a JPEG/PNG of them as well. Have separate folders for each page.
  • The task is open to creativity. You can combine modern UI/UX philosophies to come up with your own design.

Responsiveness

Describe the bug

  • Website is not Responsice
  • Also Oraniztions Logos and Testimonials should be aligned Correctly .

React App (1)
React App (2)

Improve cards

I would like to work on improving the speaker cards. I will be adding the hover effect to the cards

119791652-a2587000-bef2-11eb-8891-96b350f58f05.png

Design a Splash Screen

Description

Design a Splash Screen which can either an animation or a GIF which can serve as a loading screen to give the end-user immediate feedback that an application is starting and loading in the background.

Contributors Guideline

  • Submissions should be made in an apt form so that Web Developers can work on them seamlessly. Make the PRs to the design/ directory with the Adobe XD/Figma Files and a JPEG/PNG of them as well. Have separate folders for each page.
  • The task is open to creativity. You can combine modern UI/UX philosophies to come up with your own design.

Add React Boilerplate Code

Type

Advancement

Description

Add the React Boilerplate Code using create-react-app to the branch to get started with the UI Development using React. Make sure to add a .gitignore to prevent pushing up your node-modules as well.

Tools

  • NodeJS
  • NPM
  • Create React App CLI

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.