Laden...
No Images? Click here Hey there! We've been talking to many of our subscribers about the struggles they face in web development... And there were two things we kept hearing: Most people prefer to learn through projects, andThere's a lack of inspiring projects to help you learn.Well, we'd like to change that. We've come up with a list of five projects that we think you'd like to build (and learn from) – but we want to start with the best one – so before we go ahead and build them, we want to know what you think! Here's what we've got so far: Project #1: Build a SaaS app with recurring payments.What you'll learn: User authenticationAPI key authenticationTaking paymentsSetting up billing cycles and reportingExtensible CRUD functionalityCustom webhooks, andCache management & web push notificationsWhat we'll use: Full-stack GraphQL with Apolo/Prism/YogaReact on the frontendNode.js for the serverless API backend (Netlify, Zeit Now, Firebase etc)Mongo DB via mongoose Service workersReact Spring for UI animationsStyled Components Vote for this project tutorialProject #2: Build an eCommerce platform with payment processing.What you'll learn: Using GraphQL with Vue.jsOptimistic UI updates using GraphQLHow to build out an API within NodeHow to integrate Stripe into a Vue/Node project to accept paymentsUser authentication / account creationWhat we'll use: GraphQL APINode.jsStripe for accepting paymentsVue.js on the front end Vote for this project tutorialProject #3: Build a habit tracking app with social features.What you'll learn: User authenticationCRUDRoutingSetting up comments/ upvotes and sharingData persistenceBasic animationsEvents - drop and drag functionality, graph / charts, cards and other cool UI stuffWhat we'll use: React (React Hooks, ES6)MongoDBReact RouterNext.jsReact-Spring (Animation)Style-components / SASS (Styling) Vote for this project tutorialProject #4: Build Elasticsearch into a Node app.What you'll learn: Integrating Elasticsearch into an application with an existing DBElasticsearch functionalityEffective indexing within ElasticsearchPagination of search resultsIntegration of Elasticsearch into a Vue.js app.What we'll use: Node.jsMongoDBElasticSearchVue.js Vote for this project tutorialProject #5: Build a Meal Plan app with GatsbyJS.What you'll learn: How to use GatsbyJSReact + styled components Firebase for data storage Make the app work offlineCSS Animation beween screensGetting the application live and hosted on NetlifyWhat we'll use: GatsbyJSReactStyled componentsCSSFirebaseNetlify Vote for this project tutorialHave a better idea? Tell us!If there's a project you'd rather see us build, let us know! Tell us a project you'd like to seeWe look forward to sharing our new projects with you and inspiring you to learn new skills! SitePoint Team SitePoint48 Cambridge Street Collingwood, VIC 3066 | Australia You're receiving this email because you signed up to receive news from SitePoint. Smart choice! Like Tweet Share Forward Preferences | Unsubscribe |
Laden...
Laden...
© 2024