A web application to connect Artists to Venues. The app's backend uses Meteor for client authentication and authorization to restrict user access to data and MongoDB for database and to store the user and events info. The front end uses React for client UI, Final Form for form validation and state management, PropTypes for React component prop validation, React-Router-Dom for URL routing, Google's MaterialUI, prebuilt React components for faster implementation.
Follow the instructions below to run the application in on your local device.
curl https://install.meteor.com/ | shmeteor npm install
meteor- A complete platform for building web and mobile apps in JavaScript
meteor create --react myapp
import React from 'react';
import { Meteor } from 'meteor/meteor';
import { render } from 'react-dom';
import App from '../imports/ui/App.js';
Meteor.startup(() => {
render(<App />, document.getElementById('render-target'));
});
- A NoSQL Database Program
db.collectionName.find()
- A component based JavaScript library that uses state management to create complex User Interfaces.
import React from 'react';
class MyComponent extends React.Component {
constructor(props) {
super(props)
}
render() {
//jsx here
<div>
<h1>Hello World!</h1>
</div>
}
}
export default MyComponent;
- Google has a large array of prebuilt component for virtually all use cases and is simple to start using in your React app
import React from 'react';
import Item from '@material-ui/core';
export default const MyItem = () => {
<div>
<Item>
Cool stuff goes here!
</Item>
</div>
}
