A simple blog app built with React-Native.
This was a flex-week project in the full-time Thinkful Web Development Bootcamp.
The goal was to learn a new framework and create a project with it within one week. This was achieved here by creating a mobile application using React-Native.
The app has limited functionality at present, including:
- Create, Read and Delete blog posts
- Authentication persistance via json web tokens
Tech | Description |
---|---|
CSS | UI Styling |
React Native | Enables React to run natively on mobile devices using native UI components |
Express | Server framework for Node |
MongoDB | No-SQL database |
To develop this app:
- clone the repo
- run
npm install
- open Xcode if on OSX and developing for iOS
- other development environments are available for other platforms
- a prototype can be deployed through appetize.io. A helpful tutorial to build the app for appetize deployment is available here.
To develop this app's server side:
- comment out the
fetch('https://portfolio-express.herokuapp.com/blog/'
calls inRegister.js
Posts.js
Login.js
BlogPostForm.js
and replace with the commented out line above these calls. The url will includefetch('http://localhost:8080/blog/'
- the server side is currently a submodule of a larger portfolio server
- to develop it locally:
- clone, configure and start the app's express server
- comment out or delete
app.use('/med', medReminder)
andapp.use('/elearn', eLearn)
inserver.js
- comment out or delete files:
medReminder.js
emailer.js
box.js
eLearn.js
- add
.env
file, containing:SECRET
:: a string that will serve as your json web token private keyDATABASE_URI
:: connection to your mongo database'mongodb://<database name>'
- start server with
node server.js
- server will now run at
http://localhost:8080
by default
- jpke