Git Product home page Git Product logo

latina-in-tech.github.io's Introduction

Latina In Tech

Official Site Linkedin Telegram Twitter Instagram Facebook CI/CD

Latina In Tech is a local tech community based in Latina, Latium, Italy.

Our goal is to group up tech professionals from the same area.

We organize monthly events for knowledge sharing & network.

๐Ÿš€ Setup & Run

To build this project, we used NextJs v. 13.

Having Node JS installed on your machine is a requirement (see .node-version to install the required version)

To build & start run following commands:

  • npm i
  • npm run dev

Note: Ensure you have configured prettier (code formatting) in your IDE (see https://prettier.io/docs/en/editors). We use it for a common code style guide for the project and team.

๐Ÿ‘ Contributing

First of all, THANK YOU for choosing to contribute to this project!

You may want to read our Contributing Guideline for more info on how to do it, as well as our Code of Conduct.

How can I add myself to the community page?

It's pretty simple, take a look here: Community

๐Ÿ“„ License

Latina In Tech Website is MIT licensed, as found in the LICENSE file.

latina-in-tech.github.io's People

Contributors

a-i-18 avatar coluzziandrea avatar dependabot[bot] avatar fabriziocafolla avatar francescodimuro avatar gabriele-wolfox avatar undermaken avatar zi0m0rgan avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

latina-in-tech.github.io's Issues

Add Event Page

โญ Suggestion

Link the event in the main page to a new page related to the specific event, perhaps add also Speaker photos, event registration link and youtube link (if the event is already past).

Additionally, add a back button to go to the main page.

Screenshot from 2023-11-27 20-39-51

๐Ÿ“ƒ Motivating Example

As a user I'd like to know more info about the listed event

Event list is flickering

Description

Right after page opening you can see a bit of flickering happing for the event list, which looks to be loaded after the rest of the page, see video:

ezgif-2-c5cad1ee2b

Maybe we would need a loading phase, in which we will show a loader to the user

Steps to reproduce

  • open the List website
  • wait for a short period
  • you should have experienced a bit of flickering

Followup Event page

โญ Suggestion

Based on previously merged PR #89 .

  • FIx comments on merged PR
  • Implement TODOs from the same PR:
    • Add event gallery with photos
    • Add event slides link

๐Ÿ“ƒ Motivating Example

We want to improve the event page & add as much features as possible

Community members should be shown in chunks

โญ Suggestion

When the number of community members exceeds 10/15, it can be annoying to have the whole list on the web page.
Instead, it should be displayed in chunks of 10/12 members, and until members are available, show the "more" button at the bottom of the list.

๐Ÿ“ƒ Motivating Example

We should avoid community members list taking too much content within the web page.

Create newsletter

Description of the new feature

We want to add a newsletter so to update community members about new events and stuff.

  • Add a panel in the website 'Newsletter' which will ask the user for their email and register it to a 3rd party provider newsletter
  • We can use newsletter provider, such as Mailchimp, which has a free plan of 1K monthly emails (use Latina In Tech google account -> ask admin to sign up)

Tech Details

  • use the following regex for email: ^([a-z][a-z0-9]{1,13}[_.-]?[a-z0-9]{1,13})@((([0-9]{1,3})([.]{1})([0-9]{1,3})([.]{1})([0-9]{1,3})([.]{1})([0-9]{1,3}))|([a-z0-9]{1,10}[-]?[a-z0-9]{1,10}[.]?[a-z0-9-]{1,10}[.]{1}[a-z]{2,4}))$
    which is safe as per regex DOS
  • Try to hide auth token in the source code, perhaps using github secrets

Add test

It would be nice to have unit and/or e2e testing for our codebase, perhaps just for major features like event list

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.