Giter Club home page Giter Club logo

website's Introduction

React Ladies

Getting Started

To run this site locally you will need to configure an AIRTABLE_KEY (user-level access to your Airtable account), AIRTABLE_BASE (spreadsheet level access to an Airtable base) and AIRTABLE_TABLE (table level access within an Airtable base).

  1. Create a file in the project root called .env.production with the contents AIRTABLE_KEY=somekey. somekey needs to be a valid AirTable API key; if you're part of React Ldies and need the real API key, ask another organizer to give it to you.

  2. add AIRTABLE_BASE=somebase. somebase needs to be a valid Airtable Base ID.

  3. add AIRTABLE_TABLE=tablename. tablename needs to be a valid Airtable Table ID.

  4. Run the following in terminal: To install the netlify-cli in order to be able to run the registration function locally.

npm install -g netlify-cli
npm i
npm run start

or

yarn add -g netlify-cli 
yarn install
yarn start
  1. Navigate to http://localhost:8888.

If you'd like to run the site without setting up Netlify functions locally then you can run yarn dev or npm run dev instead of start and then navigate to the site at http://localhost:8000.

Adding a New Event

If you discover any bugs in this site, please file an issue.

This website was originally based off of a fork of -> https://github.com/queerjs/website.

Thank you โœจ

website's People

Contributors

afif1400 avatar alexwlchan avatar aniamakes avatar ashkyd avatar avaldivi avatar avilene avatar carolstran avatar chennnyl avatar codebytere avatar forsakenharmony avatar hidde avatar lazerwalker avatar m0nica avatar miukimiu avatar pducolin avatar pixelyunicorn avatar saravieira avatar sbinlondon avatar shaundai avatar snarkshow avatar tokyorachel avatar wessouza 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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  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  avatar  avatar  avatar  avatar  avatar  avatar

website's Issues

Create A Thank You Page

Create a thank you page to thank previous and current sponsors and credit QueerJS since parts of this website are based off the QueerJS site, although the plan is for this site to evolve to be a completely different derivative.

Sponsors include: StackOverflow, Meetup, StreetEasy, Facebook Open Source, Moon Highway and SalesLoft.

Acceptance Criteria:

GIVEN I visit www.beta.reactladies.com/thanks
THEN I see a thank you message for previous sponsors and a mention of QueerJS.

GIVEN I visit www.beta.reactladies.com
THEN I see a mention of the thank you page in the footer

I am also open for suggestions re: the information hierarchy and language for this page.

Note: This work should fork off of the beta branch.

refetch event attendees on the client-side

Currently the list of attendees for a given event is only determined at build time from the Gatsby Airtable Plugin.

The attendees should continue to be determined at build time with the Gatsby Airtable Plugin so that they are available as soon as the page loads without having to wait for JavaScript to load.

There should be some new client-side logic added to fetch the latest attendees from Airtable for a given event in a useEffect() and the event attendees always should be re-fetched after a form submission so that form submitters can see their attendee information reflected on the page.

Add SEO information

Add SEO information to the site

Description: We're a community of women and non-binary ReactJS enthusiasts in New York City (and beyond)

Preview image should be the purple React logo

bug: characters omitted from airtable

There's currently a defect where if you input an e-mail like [email protected] the + is being omitted in Airtable. The way we are sending data to airtable should be updated to ensure we do not lose special characters from email addresses

Note: This work should fork off of the beta branch.

Clear Form Error Validations When Input Changes

There are form error validations thrown when an input is invalid but it seems the form remains in an error state once the data is fixed and thus prevents user from submitting form

For example, fill out the form with:
Your Name
Atom

Github Handle
leave blank

E-Mail Address
atom@

and then try to submit and the email address will throw a validation error but updating to a valid e-mail address doesn't remove the validation error or allow submission.
Acceptance Criteria

Given I am a user who fills out the form with invalid format
Then I see an error message
When I update the format
Then the error message should disappear unless the format is still invalid and I am able to submit without having to refresh the page

Note: This work should fork off of the beta branch.

Add .gitignore to project and add unwanted files/directories

I noticed that the project (branch home-v1) doesn't contain a .gitignore file which is really useful because files/directories such as node_modules/ & .DS_Store should not be included in version control. They take up space and should be automatically generated by running 'npm install' command locally / in build phase.

Add website title

Add website title "React Ladies"

HTML titles

defines a title in the browser tab
provides a title for the page when it is added to favorites
displays a title for the page in search engine results

Redesign Navigation

I'd like to redesign the navigation and am open to suggestions from community members or potential contributors. The current navigation functionality should largely remain the same but it will visually look different.

Improve Error Messaging

Currently, if the registration function returns an error that information is not displayed to the end-user.

Given:
I'm a user who submits an RSVP

When:
There's an error RSVP-ing me (i.e., saving the data to Airtable)

Then:
Render a message on the front end saying something went wrong and prompting me to submit the form again

There currently isn't a loading state upon submitting so that may be something that can be tackled while adding better error messaging.

Note: This work should fork off of the beta branch.

Fix /NYC page

The /NYC page should display what's currently in the /nyc/index.html (an embedded form). Currently, this page renders as a blank page instead of displaying the proper JSX/HTML.

For reference, it should appear similar to this: http://www.reactladies.com/nyc/ but maybe with the sitewide header/footer. Please contribute to the home-v1 branch.

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.